datetimepicker在焦点上跳回到1899,我该如何解决?

时间:2013-09-17 18:57:01

标签: jquery datepicker jquery-ui-datepicker datetimepicker

我正在使用日期时间选择器http://trentrichardson.com/examples/timepicker/来选择日期和时间。但是,当我单击输入字段以选择数据时,会发生一些奇怪的事情。输入字段将显示一个可追溯到1899年的值。我不确定为什么会这样做。

请注意,我正在使用ajax请求“动态”创建这些输入。以下是我创建这些输入的方法

            var new_code = returnMeetingDuration('newCall_onCalendar', 'onCalendar[]', 0, min_val, max_val, min_val);
            $('#listNextCallDates').append('<input type="text" value="" name="triggerOn[]" class="triggerOnPicker" readonly="readonly" style="width: 175px;">' +
                                           '<input type="hidden" name="engine_ids[]" value="outbound" />' +
                                           '<div style="display:block; margin: 5px;">'+
                                           '<input type="checkbox" id="isAppointment" name="isAppointment[]" value="outbound" /> Make an appointment</div>'+
                                           '<div style="display:block; margin: 5px;">' +
                                           '<input type="checkbox" id="calendarAddBox" name="calendarAdd[]" value="outbound" />Add to my Calendar</div>' + new_code);   

然后我使用以下代码生成dattimepicker

            $('.triggerOnPicker').datetimepicker({
                timeFormat: "hh:mm TT",
                changeMonth: true,
                changeYear: true,
                stepMinute: 5,
                beforeShowDay: $.datepicker.noWeekends,
                HourMin: 5,
                HourMax: 17,
                minDate: 0
            });

我已经尝试过这段代码,但它无效。

            $('.triggerOnPicker').datetimepicker({
                timeFormat: "hh:mm TT",
                changeMonth: true,
                changeYear: true,
                stepMinute: 5,
                beforeShowDay: $.datepicker.noWeekends,
                HourMin: 5,
                HourMax: 17,
                minDate: 0
            }).on('focus', function(){
                $(this).not('.hasDatePicker').datepicker();
            });

似乎它会自动选择一个日期。我不希望它自动选择日期。因此,如果输入已经有值,请不要在点击上更改它。

奇怪的是,它可以正常工作,有时则不然。请有人帮我这个吗? 感谢

3 个答案:

答案 0 :(得分:0)

我也面临同样的问题,这对我有用:

$('.triggerOnPicker').datetimepicker({
                timeFormat: "hh:mm TT",
                changeMonth: true,
                changeYear: true,
                stepMinute: 5,
                beforeShowDay: $.datepicker.noWeekends,
                HourMin: 5,
                HourMax: 17,
                minDate: 0
            })**.datepicker('show');**

答案 1 :(得分:0)

添加useCurrent:false为我修复了它。

$('.triggerOnPicker').datetimepicker({
useCurrent:false
});

答案 2 :(得分:-1)

我遇到了同样的问题。我刚刚更新了格式并删除了额外的空格以使其正常工作。

$('.datetimepicker').datetimepicker({
                format: "dd-mm-yyyy hh:ii:00P",
                autoclose: true
            });