jquerydatetimepicker日期和时间应在框默认值中,而无需单击框

jquery datetime picker date and time should come in box default without clicking on box

本文关键字:单击 默认值 时间 jquerydatetimepicker 日期      更新时间:2023-09-26

嗨,我有两个日期时间选择器,在日期时间选择器中使用jquery 1.7.2,我默认需要日期和时间,目前我在点击后框中得到这些,但我只需要点击前。我正在使用jsfiddlehttp://jsfiddle.net/srknthcse/f9raubjp/谢谢你的帮助

$(function() { 
    $('#datepicker').datepicker({ 
        dateFormat: 'dd-mm-yy',
        onSelect: function(datetext){
            var d = new Date(); // for now
            datetext=datetext+" "+d.getHours()+": "+d.getMinutes();
            $('#datepicker').val(datetext);
        },
    });
    });
$(function() {
    $('#datepicker1').datepicker({
        dateFormat: 'dd-mm-yy',
        onSelect: function(datetext){
            var d1 = new Date();
            var d2 = new Date(d1);
            var addedhour=d2.setHours(d1.getHours()+4);
            // for now
            datetext=datetext+" "+d2.getHours()+": "+d2.getMinutes();
            $('#datepicker1').val(datetext);
        },
    });
    });

不要将日期选择器设置为输入字段,而是将其设置为div。然后对值使用隐藏输入,如fiddle上所示:

http://jsfiddle.net/8ztsjcos/2/

 <input type="hidden" id="to">  
 <input type="hidden" id="from">
$(function() {
$('#datepicker').datepicker({
    dateFormat: 'dd-mm-yy',
    onSelect: function(datetext){
        var d = new Date(); // for now
        datetext=datetext+" "+d.getHours()+": "+d.getMinutes();
        $('#to').val(datetext);
    },
});
});
$(function() {
    $('#datepicker1').datepicker({
        dateFormat: 'dd-mm-yy',
        onSelect: function(datetext){
            var d1 = new Date();
            var d2 = new Date(d1);
            var addedhour=d2.setHours(d1.getHours()+4);
        // for now
        datetext=datetext+" "+d2.getHours()+": "+d2.getMinutes();
        $('#from').val(datetext);
    },
});
});