时间戳

首页 > 解决方案 > Bootstrap datepicker - 以 M YYYY 显示，以 MMYYYY 格式向服务器发送数据

javascript - Bootstrap datepicker - 以 M YYYY 显示，以 MMYYYY 格式向服务器发送数据

问题描述

使用引导日期选择器选择日期。一切都按预期正常工作。但是，由于服务器限制，我们现在需要在提交时发送数据，例如“022021”而不是“Feb 2021”。

不确定从原始格式格式化后如何发送数据？可以帮助提供任何文档或提示吗？

谢谢

$.fn.datepicker.defaults.format = 'M yyyy';
$('[data-key="from_date"]').datepicker({
  format: 'M yyyy',
  viewMode: 'months', 
  minViewMode: 'months',
  autoclose: true,
  todayHighlight: true,
  endDate: new Date()
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input name="from_date" data-key='from_date' />

<input type="submit" class="submit-date">

标签： javascriptjquerydatepicker

解决方案

在这里您可以设置 2 种格式，一种用于显示，另一种用于从后端获取数据。

$('.datepicker').datepicker({
format: {
   
    toDisplay: function (date, format, language) {
        var d = new Date(date);
        d.setDate(d.getDate() - 7);
        return d.toISOString();
    },
    toValue: function (date, format, language) {
        var d = new Date(date);
        d.setDate(d.getDate() + 7);
        return new Date(d);
    }
  },
   autoclose: true 
});

推荐阅读