Question

由于我是jQuery的新手，我向亲用户提出了一个简单的问题。

如何在屏幕上打印出datepicker的日期？
如何将datepicker中的日期分配给变量，以便稍后可以使用该日期与mySQL数据库操作一起使用。

任何帮助表示感谢。

$(function() {
    $("#from").datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        changeYear: true,
        numberOfMonths: 1,
        dateFormat: "yy/mm/dd",
        showAnim: 'clip',
        onClose: function(selectedDate) {
            $("#to").datepicker("option", "minDate", selectedDate);
        }
    });

    $("#to").datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        changeYear: true,
        numberOfMonths: 1, maxDate: 0,
        dateFormat: "yy/mm/dd",
        showAnim: 'clip',
        onClose: function(selectedDate) {
            $("#from").datepicker("option", "maxDate", selectedDate);
        }
    });
});

Answer 1

$( "#from" ).datepicker("getDate"); //to get the date

var date;

date = $( "#from" ).datepicker("getDate"); //to store it in a variable.

如果您需要对日期选择器执行更多操作，则API非常有用。

http://api.jqueryui.com/datepicker/#method-getDate

Answer 2

您可以使用onSelect方法将所选值分配给某个变量。您可以将该值发布到控制器并将其保存到数据库中。

$(function() {

    var selectedDate = "";

    $("#from").datepicker( {
        onSelect: function(date) {
            alert(date);
            selectedDate = date;
        },
        selectWeek: true,
        inline: true,
        startDate: '01/01/2000',
        firstDay: 1
    });
});

Answer 3

使用

GETDATE

返回日期选择器的当前日期，如果没有选择日期，则返回null。

var fromDate= $( "#from" ).datepicker( "getDate" );
var toDate= $( "#to" ).datepicker( "getDate" );

jQuery datepicker - 将日期存储在变量中并打印它

3 个答案: