【问题标题】:jQuery datetimepicker - how to get date in javascript?jQuery datetimepicker - 如何在 javascript 中获取日期?
【发布时间】:2015-03-23 00:34:03
【问题描述】:

所以我在文本输入上附加了一个 jQuery DateTimePicker v2.4.1。我想这样做,然后当用户单击并更改选择器的月份或年份时 - 它会更新表单中的日期,因为这似乎不是插件的默认行为。

    $(timepicker).datetimepicker({
        format: "d M Y h:i A",
        step: 15,
        validateOnBlur: false, //use ValidateDateTime.js instead of jquery default
        closeOnInput: true,
        closeOnDateSelect: true,
        onClose: function() {
            var validatedDate = validateDate($(timepicker).val());
            if (validatedDate != false) {
                $(timepicker).val(validatedDate);
            }
        },
        changeMonth: true,
        changeYear: true,
        onChangeMonth: function() {
            //pop name of month into field and update calendar
            var d = $(this).datetimepicker('getDate');
            console.log(d + this.html());

            /*
            $(timepicker).datetimepicker.trigger("select.xdsoft", [d]);
            */
        }
    });

出现的一个问题是:var d = $(this).datetimepicker('getDate'); 实际上并没有检索日期,而只是返回 datetimepicker 元素。

我如何在 js 中或更具体地获取日期 - 当用户点击下拉菜单中的一个月时,我如何强制更新。

编辑: 看纪录片 http://xdsoft.net/jqplugins/datetimepicker/ 并感谢 suish,它现在看起来像这样:

onChangeMonth: function(date, $el) {
    //pop name of month into field and update calendar
    var str = dateTimeToString(date);
    $($el).datetimepicker({ value: str });
},

简单!

【问题讨论】:

    标签: javascript jquery datetimepicker


    【解决方案1】:

    onChangeMonth 函数(current_time,$input){}
    onChangeYear 函数(current_time,$input){}
    onChangeDateTime 函数(current_time,$input){}

    根据其文档。每个 onChange 函数将 Date 变量作为第一个参数。

        onChangeMonth: function(date,$el) {
            var d = date.getDate();
            //d is selected date.
            var m = date.getMonth() + 1; //+1 because .getMonth() returns 0-11
            //m is selected month.
        }
    

    【讨论】:

    • 正是我想要的!如果其他人想知道我是如何做到的,我会在帖子中更新。
    猜你喜欢
    • 1970-01-01
    • 2011-06-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-11-08
    • 2015-08-11
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多