使用javascript在页面加载时设置默认的启动日期和日期时间值

Question

I'm using date and datetime functions for my textfields, when I click at textfield it shows the calender and I select date and datetime from calender and my functions are

$('.date-picker').datepicker({
    rtl: Metronic.isRTL(),
    autoclose: true,
    format: "mm/dd/yyyy",
    startDate: new Date()
});

$(".datetime-picker").datetimepicker({
    autoclose: true,
    isRTL: Metronic.isRTL(),
    format: "mm/dd/yyyy - hh:ii",
    pickerPosition: (Metronic.isRTL() ? "bottom-right" : "bottom-left")
});

What I want is when I load my page the values set by automatically current date and datetime. I search about these functions but cannot set default values of current date and datetime. I also try defaultdate: new Date() OR defaultdate: '03/09/2015' but didn't work for me. How could I do this?

I've done this but my programme is not working properly I don't know why is this happening?

Answer 1

Use setDate as shown below, (this code should be on the document ready event)

$('.date-picker').datepicker({
    rtl: Metronic.isRTL(),
    autoclose: true,
    format: "mm/dd/yyyy"
}).datepicker("setDate", new Date());

Sample from my code:

Display current Date:

buildLogDateToTxt.datepicker({
        showOn: "button",
        buttonImage: "images/calendar.png",
        buttonImageOnly: true,
        onClose: function (dateText, inst) {
            this.fixFocusIE = true;
            this.focus();
        }
    }).datepicker("setDate", new Date());

Set previous date:

  buildLogDateFromTxt.datepicker({
                showOn: "button",
                buttonImage: "images/calendar.png",
                buttonImageOnly: true,
                onClose: function (dateText, inst) {
                    this.fixFocusIE = true;
                    this.focus();
                }
            }).datepicker("setDate", "-7");