如何在jQuery datetimepicker中设置指定的日期时间格式？

问题核心原因 #

你的配置存在两个关键问题：

1. 格式字符串误用：你用m表示分钟，但该插件规则中m代表月份，分钟需用i；同时tt不是正确的AM/PM标识，应使用A（大写对应AM/PM）或a（小写对应am/pm）。
2. 分钟步长未设置：插件默认stepMinute为60，导致只能选择整点，需调整步长支持非整点分钟。

修正后的完整配置 #

CDN链接（无需修改）

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.css" integrity="sha512-bYPO5jmStZ9WI2602V2zaivdAnbAhtfzmxnEGh9RwtlI00I9s8ulGe4oBa5XxiC6tCITJH/QG70jswBhbLkxPw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.full.min.js" integrity="sha512-AIOTidJAcHBH2G/oZv9viEGXRqDNmfdPVPYOYKGy3fti0xIplnlgMHUGfuNRzC6FkzIo0iIxgFnr9RikFxK+sw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

HTML（无需修改）

<input type='text' id='txtDateTimePicker' />

修正后的JavaScript

$(function () {
    $('#txtDateTimePicker').datetimepicker({
        format: 'd/m/Y h:i A', // 匹配需求的dd/mm/yyyy hh:mm tt格式
        stepMinute: 30, // 设置分钟步长为30，支持00/30分，改为1可选择任意分钟
        value: new Date()
    });  
});

关键配置说明 #

• format: 'd/m/Y h:i A'：
  • d/m/Y：分别对应两位日期、两位月份、四位年份
  • h：12小时制小时（不足补0），i：两位分钟（不足补0）
  • A：大写AM/PM标识，完全匹配你需要的PM/AM格式
• stepMinute: 30：控制分钟选择间隔，可根据需求调整为1（任意分钟）、15（15分钟间隔）等数值。

内容的提问来源于stack exchange，提问作者SYED NAWAZ PRINCE