javascript - Jquery函数在第一次点击时不起作用

Question

我为日期选择器添加了功能。但我的日期选择器在第一次点击时没有打开。这是我的jsp代码..

到这里是我的查询功能..

            function addDate(idName) {
                    $(idName).datepicker({
                    defaultDate: "+1w",
                    changeMonth: true,
                    numberOfMonths: 1,
                    dateFormat: "dd/mm/yy"
                });
            }function addTime(idName) {
                $(idName).timepicker({`
                    ampm: true,
                    timeFormat: "hh:mmtt"
                });
            }

请帮助我..谢谢。

Answer 1

DatePickers 和 TimePickers 被自动分配给焦点事件。您不需要$(object).datepicker()每次都调用，只需在初始化时，它会在聚焦时正确打开。

一个好的方法是将.datepicker类分配给您想要分配 DatePicker 的每个对象，然后将 DatePicker 分配给该类的所有元素。

$(document).ready(function() {
    $(".datepicker").datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 1,
        dateFormat: "dd/mm/yy"
    });
});

用 TimePickers 做同样的事情。

Answer 2

试试下面这个，我不知道你使用什么语言？

@Html.TextBoxFor(model=> model.Filters.EndTime,new { @class = "date" })
$('.date').datepicker({ dateFormat: "yy/mm/dd", maxDate: '+0d', minDate: '-600d'}); 

上面的代码是用asp.net mvc写的

Answer 3

你需要打电话

addDate(idName)

像这样准备好的文件

$(function() {
 addDate(idName)
});