显示的不是正确的日期

时间:2018-06-17 02:00:51

标签: javascript momentjs bootstrap-daterangepicker

我使用此daterangepicker:https://github.com/dangrossman/daterangepicker

我从数据库收到日期:格式为:YYYY-MM-DD

Web客户端不必使用此格式。 我试过了

<input type="text" id="samplingsBuildDatePicker" name="receptionDate" class="form-control">

$('#samplingsBuildDatePicker').daterangepicker({
    singleDatePicker: true
});    

var dateStart = moment("2018-01-01", 'YYYY-MM-DD', true).format();
$('#samplingsBuildDatePicker').data("daterangepicker").setStartDate(dateStart);

显示当天,而不是一年的第一天......

修改

我添加了一个文本区域

$("#remark").val(dateStart);

显示的是正确的值:01/01/2018 ...日期选择器不起作用

1 个答案:

答案 0 :(得分:1)

问题在于var dateStart = moment("2018-01-01", 'YYYY-MM-DD', true).format();

您正在以YYYY-MM-DD格式从数据库收到日期,并且您希望转换为DD/MM/YYYY

检查以下工作示例,了解如何执行此操作:

var dateStart = moment("2018-01-01").format("DD/MM/YYYY");

console.log(dateStart);
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.js"></script>

因此,请进行以下更改:

var dateStart = moment("2018-01-01", 'YYYY-MM-DD', true).format();

更改为:

var dateStart = moment("2018-01-01").format("DD/MM/YYYY");

你完成了!