You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Node.js开发中,能否将Bootstrap 4 DateTimePicker格式设为指定样式?

如何设置Bootstrap 4 DateTimePicker为指定日期格式

当然可以实现这个格式要求。Bootstrap 4常用的DateTimePicker(如eonasdan-bootstrap-datetimepicker)支持通过配置format选项自定义日期显示格式,对应你需要的Friday, May 24, 2024格式,只需使用对应的格式token:

  • dddd: 完整星期名称(如Friday)
  • MMMM: 完整月份名称(如May)
  • DD: 两位数字日期(如24)
  • YYYY: 四位数字年份(如2024)

具体实现代码

如果你的项目使用jQuery初始化DateTimePicker:

// 确保已引入jQuery、moment.js和DateTimePicker相关资源
$('#your-picker-element').datetimepicker({
    format: 'dddd, MMMM DD, YYYY',
    locale: 'en' // 强制使用英文星期/月份名称,避免系统语言影响
});

如果是基于ES模块的Node.js项目:

import moment from 'moment';
import 'moment/locale/en';
import datetimepicker from 'eonasdan-bootstrap-datetimepicker';

moment.locale('en');
const pickerElement = document.getElementById('your-picker-element');
new datetimepicker(pickerElement, {
    format: 'dddd, MMMM DD, YYYY'
});

注意事项

  • 确保项目中已安装并引入moment.js(DateTimePicker依赖它处理日期格式化)
  • 如果不需要选择时间,可额外添加pickTime: false(旧版本)配置隐藏时间选择部分

内容的提问来源于stack exchange,提问作者Cleyton Ramos

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.26 09:32:34