jquery日期时间选择器日期和时间应该在默认情况下进入,而不是单击框

时间:2015-04-08 13:32:40

标签: javascript jquery html datetime

您好我有两个日期时间选择器并且在日期时间选择器中使用jquery 1.7.2我需要日期和时间默认目前我在点击框之后获得这些但我需要在点击之前。我正在使用jsfiddle http://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);
        },
    });
    });

1 个答案:

答案 0 :(得分:0)

不是将datepicker设置为输入字段,而是将其设置为div。然后使用隐藏的输入作为小提琴上显示的值:

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);
    },
});
});