使用xdsoft datetimepicker时,使用当前日期onload设置文本框

时间:2014-06-10 06:21:08

标签: jquery datetimepicker

我有一个带有xdsoft datetimepicker jquery插件的文本框。这是代码。

<asp:TextBox class="spacial_text calendar" ID="txtDate" runat="server"></asp:TextBox>

<script>
        $(document).ready(function () {
            $('#txtDate').datetimepicker({             
                mask: true,
                timepicker: false,
                format: 'Y/m/d'
            });           
        });
 </script>

我想在加载页面时将当前日期加载到文本框txtDate

我试过了 $('#txtDate').val(new date());

setDate: new Date() //inside datetimepicker function- but not working

onGenerate: function (ct) {
                    jQuery(this).val(new Date());
                } //not working 

以任何方式将当前日期设置为加载文本框???

4 个答案:

答案 0 :(得分:1)

根据documentation,如果设置将使用value选项并忽略输入的值。要以您希望的格式获取当前日期,我将使用(d.getUTCFullYear())+'/'+(d.getUTCMonth()+1)+'/'+(d.getUTCDate())

$(document).ready(function () {
    var d = new Date(),
        date = (d.getUTCFullYear())+'/'+(d.getUTCMonth()+1)+'/'+(d.getUTCDate());

    $('#txtDate').datetimepicker({             
        mask: true,
        timepicker: false,
        format: 'Y/m/d',
        value: date
    });           
});

答案 1 :(得分:0)

尝试下面的代码

$("#txtDate").datepicker( "setDate" , "10/11/2014" );

答案 2 :(得分:0)

另一种方式:

$("#txtDate").datetimepicker({ value: new Date().toDateString() });

答案 3 :(得分:0)

您可以为html选择的最佳方法

  $('#txtCourseExpiryDate').datetimepicker({
                                    format: 'd/M/Y',
                                    timepicker: false,
                                    value: new Date()
                                });

如果您在aspp.net中使用相同的内容,请使用以下内容

  $('#<% =txtCourseExpiryDate.ClientID %>').datetimepicker({
                                    format: 'd/M/Y',
                                    timepicker: false,
                                    value: new Date()
                                });

输出: enter image description here