moment给DatePicker赋值
时间: 2024-09-19 07:05:43 浏览: 49
meteor-moment-datepicker:为 Meteor 打包的 Moment Datepicker
在使用JavaScript的moment.js库配合前端UI组件如DatePicker时,通常的做法是先创建一个Moment对象,然后将其设置为 DatePicker 的值。这里是一个基本的例子,假设你使用了如bootstrap-daterangepicker等支持Moment的插件:
```html
<input type="text" id="date-picker" data-date-format="YYYY-MM-DD">
<script>
var datePickerInput = document.getElementById('date-picker');
var selectedDate = moment(); // 默认当前日期
datePickerInput.value = selectedDate.format('YYYY-MM-DD'); // 设置初始值
</script>
```
在JavaScript中,我们首先找到这个输入元素,然后获取其 Moment 对象实例,并设置它的格式化字符串(数据格式),最后将这个Moment对象格式化后的字符串赋值给input的value属性,使其显示出来。
如果你想设定特定的日期,可以直接创建一个Moment对象并赋值:
```js
selectedDate = moment('2023-05-01'); // 2023年5月1日
datePickerInput.value = selectedDate.format('YYYY-MM-DD');
```
阅读全文