从日期选择器中选择日期后如何调用函数?

用户1080952

我对javascript和JSP还是很陌生,很难把头放在什么被调用的地方以及何时何地。我将所有这些都写在一个JSP文件中。我现在的起始代码是:

<input type=text name="myTextField" >
<input type=button name="myTextButton" value="Select a date" 
  onclick="displayDatePicker(myTextField)">

<script type="text/javascript">
// ???
</script>

让我感到困惑的第一件事是displayDatePicker函数。我一生无法找到有关此功能的任何文档(是jquery吗?是javascript吗?它是bootstrap吗?我可以传入其他args吗?)。一种替代方法是声明一个自定义函数,然后让myTextButton的onclick调用该函数。我设法使它起作用,但是我不知道如何显示在选择日期时实际上具有回调的日期选择器。

这是我想要的功能:

  1. 用户单击myTextField,手动输入日期,然后弹出警报“您选择了.. / .. / ....”或“选择了无效的日期”
  2. 用户单击myTextButton,从日期选择器中选择一个日期,然后用该日期填充myTextField并弹出警告“您选择了.. / .. / ....”。
拉斐尔

这将警告在框中键入的值。但是您应该为此使用UI。为什么要重新发明轮子。时间是宝贵的。jQuery UI由于其跨浏览器兼容性而成为最受欢迎的工具。

<input type="date" id="date">
<button onclick="date()">Select a date</button>

<script>
    function date() {
        var dateVal = document.getElementById("date").value;
        alert("Your typed in " + dateVal);
    }
</script>

jQuery UI日期选择器

http://jqueryui.com/datepicker/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

从日期选择器中选择日期后如何调用函数?

来自分类Dev

如果在日期选择器中选择日期,如何调用方法?

来自分类Dev

从日期选择器中选择日期

来自分类Dev

使用Python / Selenium从日期选择器中选择日期后提取格式化日期

来自分类Dev

在ReactJS上选择日期后,如何关闭日期选择器弹出窗口?

来自分类Dev

选择日期后的Bootstrap日期选择器未关闭选择器

来自分类Dev

如何在Selenium WebDriver中选择日期选择器

来自分类Dev

在其他日期选择器中选择日期时如何禁用日期选择器中的日期

来自分类Dev

在日期选择器中选择后禁用日期

来自分类Dev

从日期和时间选择器中选择日期和时间后,如何在日历的“创建事件”功能中将它们作为参数传递?

来自分类Dev

尝试从日期选择器中选择日期时,如何解决“陈旧元素引用异常”?

来自分类Dev

从淘汰赛中的日期选择器中选择日期

来自分类Dev

不允许用户在jquery日期选择器中选择日期

来自分类Dev

无法从 Selenium JAVA 中的 jquery datepicker 日期范围选择器中选择日期范围

来自分类Dev

在单个日历或日期选择器中选择日,月或年(灵活选择模式)

来自分类Dev

从eternicode引导日期选择器不选择日期

来自分类Dev

引导日期选择器:从年份开始选择日期

来自分类Dev

如何提供日期选择器,其中包括选择日期,月份和年份的选项

来自分类Dev

在Java日期选择器中选择日期后,仅比较数据库中的现有月份和年份

来自分类Dev

如何在日期时间选择器中选择时间

来自分类Dev

SAPUI5后从日期选择器中选择后更改日期格式

来自分类Dev

从DatePicker中选择日期时输入字段分派器

来自分类Dev

从我应用了 jquery 日期时间选择器的第二个文本中选择日期后,它会更改第一个文本框中的日期

来自分类Dev

如何在日期选择器插件中选择将来的日期

来自分类Dev

如何限制用户在日期选择器对话框中选择过去的日期

来自分类Dev

如何在 jquery 日期选择器中选择默认当前日期

来自分类Dev

选择日期后选择jQuery

来自分类Dev

在Material UI KeyboardDatePicker中选择日期后如何获得明确的时间

来自分类Dev

如何在jQuery Datepicker中选择日期?

Related 相关文章

  1. 1

    从日期选择器中选择日期后如何调用函数?

  2. 2

    如果在日期选择器中选择日期,如何调用方法?

  3. 3

    从日期选择器中选择日期

  4. 4

    使用Python / Selenium从日期选择器中选择日期后提取格式化日期

  5. 5

    在ReactJS上选择日期后,如何关闭日期选择器弹出窗口?

  6. 6

    选择日期后的Bootstrap日期选择器未关闭选择器

  7. 7

    如何在Selenium WebDriver中选择日期选择器

  8. 8

    在其他日期选择器中选择日期时如何禁用日期选择器中的日期

  9. 9

    在日期选择器中选择后禁用日期

  10. 10

    从日期和时间选择器中选择日期和时间后,如何在日历的“创建事件”功能中将它们作为参数传递?

  11. 11

    尝试从日期选择器中选择日期时,如何解决“陈旧元素引用异常”?

  12. 12

    从淘汰赛中的日期选择器中选择日期

  13. 13

    不允许用户在jquery日期选择器中选择日期

  14. 14

    无法从 Selenium JAVA 中的 jquery datepicker 日期范围选择器中选择日期范围

  15. 15

    在单个日历或日期选择器中选择日,月或年(灵活选择模式)

  16. 16

    从eternicode引导日期选择器不选择日期

  17. 17

    引导日期选择器:从年份开始选择日期

  18. 18

    如何提供日期选择器,其中包括选择日期,月份和年份的选项

  19. 19

    在Java日期选择器中选择日期后,仅比较数据库中的现有月份和年份

  20. 20

    如何在日期时间选择器中选择时间

  21. 21

    SAPUI5后从日期选择器中选择后更改日期格式

  22. 22

    从DatePicker中选择日期时输入字段分派器

  23. 23

    从我应用了 jquery 日期时间选择器的第二个文本中选择日期后,它会更改第一个文本框中的日期

  24. 24

    如何在日期选择器插件中选择将来的日期

  25. 25

    如何限制用户在日期选择器对话框中选择过去的日期

  26. 26

    如何在 jquery 日期选择器中选择默认当前日期

  27. 27

    选择日期后选择jQuery

  28. 28

    在Material UI KeyboardDatePicker中选择日期后如何获得明确的时间

  29. 29

    如何在jQuery Datepicker中选择日期?

热门标签

归档