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

Question

因为我是 jQuery 新手，所以我有一个简单的问题要问专业用户。

1. 如何在屏幕上打印日期选择器的日期？
2. 如何将 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

利用

获取日期

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

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