Question

我有一个jquery ui表单（模式弹出窗口），其中有startDate和endDate输入字段。在日历图标上单击它，用户可以选择日期，它将以自定义格式显示日期时间，例如＆＃34; 2017-08-03 01：00：00＆＃34;但是我希望在窗体加载窗体时，在startDate字段中填充当前日期时间，并在endDate字段中填充当前日期时间+1小时。我的startDate输入字段的自定义函数

android:versionName

但是当我使用setDate

尝试使用下面的页面加载功能时

   $( function() {
    $( "#startDate" ).datepicker({
        dateFormat: 'yy-dd-mm',
        showOn: "button",
        buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif", 
        buttonImageOnly: true,
        buttonText: "Select date",

        onSelect: function(datetext){

            var d = new Date(); // for now

            var h = d.getHours();
            h = (h < 10) ? ("0" + h) : h ;

            var m = d.getMinutes();
            m = (m < 10) ? ("0" + m) : m ;

            var s = d.getSeconds();
            s = (s < 10) ? ("0" + s) : s ;

            datetext = datetext + h + ":" + m + ":" + s;
            strDate = datetext;

            $('#startDate').val(datetext);
        }

    });
} );

它仅显示当前日期，例如＆＃34; 2017年7月29日＆＃34;在startDate输入框中而不是像这样的＆＃34; 2017-07-29 01：00：00＆＃34;

我也试过$（document）.ready使用相同的功能，但是coudn没有成功。如何在页面加载时使用当前日期和时间填充日期输入？

Answer 1

在datepicker属性中使用{timepicker:false}。像这样：

   $( function() {
    $( "#startDate" ).datepicker({
        dateFormat: 'yy-dd-mm',
        showOn: "button",
        buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif", 
        buttonImageOnly: true,
        buttonText: "Select date",
        timepicker:false,
        onSelect: function(datetext){

            var d = new Date(); // for now

            var h = d.getHours();
            h = (h < 10) ? ("0" + h) : h ;

            var m = d.getMinutes();
            m = (m < 10) ? ("0" + m) : m ;

            var s = d.getSeconds();
            s = (s < 10) ? ("0" + s) : s ;

            datetext = datetext + h + ":" + m + ":" + s;
            strDate = datetext;

            $('#startDate').val(datetext);
        }

    });
} );

在页面加载和日历单击上填充jquery datepicker

1 个答案: