javascript - Jquery - 日期选择器日期

标签 javascript jquery datepicker

我正在尝试为“to”和“from”字段设置日期选择器默认值,其中“to”字段为今天日期,“to”字段为一周日期,如下所示:

  //datepicker
  var date = new Date();
  var date = date.toDateString();
  var weekBack = new Date();
  var weekBack = new Date(weekBack.setDate(weekBack.getDate() - 7));
  var weekBack = weekBack.toDateString();
  console.log(date);
  $('#datePicker').fdatepicker({
        closeButton: false,
    initialDate: weekBack,
        format: 'dd.mm.yyyy',
    }).on('changeDate', function (ev) {
    timelines();
    barCharts();
  });

  $('#datePicker1').fdatepicker({
        closeButton: false,
    initialDate: date,
        format: 'dd.mm.yyyy',
    }).on('changeDate', function (ev) {
    timelines();
    barCharts();
  });

但是我的两个字段都有今天的日期。

最佳答案

这一行:

var date = date.toDateString();

返回 String,因此 String 不包含 getDate() 方法。

只是不要使用它var date = date.toDateString();

var date = new Date();
var weekBack = new Date(date.setDate(date.getDate() - 7));
// weekBack is Fri May 13 2016 17:36:12 GMT+0300 (Russia TZ 2 Standard Time) for me

如果您想获取 weekBack 作为时间戳,请不要用 new Date 包装它:

var date = new Date();
var weekBack = date.setDate(date.getDate() - 7);
// weekBack is 1463150337387

[更新] 示例在这里 - https://jsfiddle.net/ht4eg4zs/

关于javascript - Jquery - 日期选择器日期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37349299/

相关文章:

ios - 带有 "done"按钮的 UIDatePicker

javascript - 添加了当用户点击后退按钮时的提醒,但现在我想在提交表单时将其删除

javascript - 如何在lightgallery上添加自定义触发器?

jquery-ui - 如何配置 jQuery UI Datepicker 以使用本地化日历?

css - Firefox Quantum (57) <输入类型 ="date"> UI 关闭/删除按钮隐藏

javascript - 使用 javascript 进行 Bootstrap 模式调用,最佳实践

javascript - 找不到 Grunt 任务

javascript - HTML 按钮在 Vue.js 中的 v-for 循环中重复,按钮上的类不适用于附加的 jQuery 事件处理程序

javascript - 根据另一个选择的值隐藏一个选择

javascript - 如何在javascript中获取带有空格的选择框值?