javascript - Pickadate - 如何实际使用选定的日期？

Question

我正在实现一个pickadate日期选择器，文档中不清楚如何实际使用用户选择的日期。例如，我写了这个：

$('.datepicker').pickadate({
    onSet: function(context) {
        console.log(context);
    }
});

这会产生一个奇怪的输出（2015 年 9 月 8 日）：

Object {select: 1441666800000}

这个输出实际上是如何使用的？

Answer 1

您的输出是一个带有属性的 javascript 对象select。此属性的值为 a timestamp。实际上，这个时间戳是从 unix 纪元开始到所选日期的毫秒数。您可以使用以下方法转换为日期对象Date.prototype：

$('.datepicker').pickadate({
    onSet: function(context) {
        console.log(new Date(context.select););
    }
});

Answer 2

您还可以使用get select方法以更方便的格式获取所选日期。例如当关闭事件被触发时。

$('.datepicker').pickadate({
    onClose: function() {
        console.log(this.get('select', 'yyyy-mm-dd'));
    }
});

Answer 3

奇怪的数字是以毫秒为单位返回的日期。

在控制台中试试这个：

new Date(1441666800000);

// Returns:
// Mon Sep 07 2015 16:00:00 GMT-0700 (PDT)

像这样使用：

$('.datepicker').pickadate({
    onSet: function(context) {
        console.log(new Date(context.select););
    }
});

希望这可以帮助！

Answer 4

首先，您必须为输入字段添加日期选择器，然后在提交按钮上，您可以将选择的值存储到一个变量中，并在您想要使用 jquery 显示日期的地方使用变量：

<script type="text/javascript">
// Datepicker
$(document).ready(function(){
    $("#datepicker" ).datepicker({ minDate: 0});    
    jQuery( "#datepicker" ).datepicker({ dateFormat: 'dd-mm-yy' });

    $("form").submit(function() {
        var datepickedup = $("input#datepicker").val();
    });
});

#datepicker输入字段ID在哪里。