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

flseospp  于 2023-05-27  发布在  Java
关注(0)|答案(4)|浏览(117)

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

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

这会产生一个奇怪的输出(2015年9月8日):

Object {select: 1441666800000}

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

ax6ht2ek

ax6ht2ek1#

您的输出是一个JavaScript对象,属性为select。此属性的值为timestamp。实际上,这个时间戳是从unix epoch开始到所选日期的毫秒数。可以使用Date.prototype将in转换为日期对象:

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

toe950272#

奇怪的数字是以毫秒为单位返回的日期。
在控制台中尝试以下操作:

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););
    }
});

希望这有帮助!

hfsqlsce

hfsqlsce3#

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

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

sdnqo3pr4#

首先,你必须为输入字段添加日期选择器,然后在提交按钮上,你可以将选择的值存储到一个变量中,并在你想要使用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。

相关问题