jQuery 日期选择器 - 将日期存储在变量中并打印出来

jQuery datepicker - storing the date in a variable and printing it

本文关键字：日期 打印 变量 选择器 存储 jQuery      更新时间：2023-09-26

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

  1. 如何在屏幕上打印出日期选择器中的日期？
  2. 如何将日期选择器中的日期分配给变量，以便我以后可以使用它来将该日期与 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);
        }
    });
});

$( "#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

您可以使用

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

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

使用

获取日期

它返回日期

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

var fromDate= $( "#from" ).datepicker( "getDate" );
var toDate= $( "#to" ).datepicker( "getDate" );
相关文章：