时间戳

首页 > 解决方案 > 正确返回 javascript 函数中的信息

javascript - 正确返回 javascript 函数中的信息

问题描述

我想使用 jQuery UI 的日期选择器，但我不知道如何提取信息，因为我正在调用该datePickerRange()函数但它总是返回object object。

下面是我创建的功能，可能没用，但我的想法是从这里选择的日子。

function datePickerRange(){

    var from = $("#from").datepicker({
      defaultDate: "+1w",
      changeMonth: true,
      numberOfMonths: 1
    })
    .on("change", function() {
      to.datepicker("option", "minDate", getDate(this));
    }),
    to = $("#to").datepicker({
      defaultDate: "+1w",
      changeMonth: true,
      numberOfMonths: 1
    })
    .on("change", function() {
      from.datepicker("option", "maxDate", getDate(this));
    });

    return from;
}

getDate()功能：

function getDate(element) {
    var dateFormat = "mm/dd/yy";
    var date;
    try {
      date = $.datepicker.parseDate(dateFormat, element.value);
    } catch (error) {
      date = null;
    }

    return date;
}

这里是用户按下按钮时获取信息的代码。

$('.btn_graf').click(function() {
    if(id_btn == 'date_btn'){
        var from = datePickerRange();
        alert(from);           
    } 
});

为什么退货object object？我想也许我做错了，return from;因为我必须添加更多东西，但我不知道如何正确地做。

有人可以帮助我吗？非常感谢。

标签： javascriptjqueryjquery-ui-datepicker

解决方案

from是表示元素的 jQuery 对象#from，提醒它没有用。如果要获取用户选择的日期，请使用getDatedatepicker 的方法。

$('.btn_graf').click(function() {
    if(id_btn == 'date_btn'){
        var from = $("#from").datepicker("getDate");
        var to = $("#to").datepicker("getDate");
        alert(`From ${from} to ${to}`);           
    } 
});

推荐阅读