jquery格式化日期yyyy-MM-dd HH:mm:ss
时间: 2023-07-19 07:12:41 浏览: 382
你可以使用以下代码来格式化日期:
```
var date = new Date();
var formattedDate = date.getFullYear() + '-' + (date.getMonth()+1).toString().padStart(2, '0') + '-' + date.getDate().toString().padStart(2, '0') + ' ' + date.getHours().toString().padStart(2, '0') + ':' + date.getMinutes().toString().padStart(2, '0') + ':' + date.getSeconds().toString().padStart(2, '0');
```
这将返回一个字符串形式的日期,格式为`yyyy-MM-dd HH:mm:ss`。
相关问题
jquery Thu Jul 27 00:00:00 CST 2023将此格式的日期更改为yyyy-MM-dd hh:mm:ss
可以使用JavaScript中的Date和toLocaleString方法来实现格式化日期的操作,示例代码如下:
```javascript
// 原始日期字符串
const dateString = "Thu Jul 27 00:00:00 CST 2023";
// 将日期字符串转换为Date对象
const date = new Date(dateString);
// 使用toLocaleString方法将日期对象格式化为指定格式的字符串
const formattedDate = date.toLocaleString('zh-CN', { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit', second: '2-digit' }).replace(/\//g, '-').replace(/,/g, '');
// 输出格式化后的日期字符串
console.log(formattedDate);
// 输出结果:2023-07-27 00:00:00
```
上述代码中,我们首先将原始日期字符串转换为Date对象,然后使用toLocaleString方法将日期对象格式化为指定格式的字符串。在toLocaleString方法中,我们指定了日期的年、月、日、时、分、秒的格式,并将斜杠和逗号替换为短横线,最终得到了格式化后的日期字符串。
<script type="text/javascript">$(function(){laydate.render({elem:'#input_4',trigger:'focus',theme:'#3E88AB',closeStop:'#calendar_input_4',format:'yyyy-MM-dd HH:mm:ss',type:'datetime',done:function(value, date){$('#input_4').trigger('change')}});$('#remove_input_4').on('click',function(){$('#input_4').val('');});$('#calendar_input_4').on('click',function(){$('#input_4').trigger('focus');});});</script>
这段代码是使用 jQuery 和 LayDate 插件来处理日期时间选择器的初始化和事件绑定。
代码中的 `$(function(){})` 是 jQuery 的文档就绪事件,表示在页面加载完成后执行其中的代码。
`laydate.render()` 是 LayDate 插件的方法,用于渲染日期时间选择器。它接受一个配置对象作为参数,其中 `elem` 指定了选择器,表示要将日期时间选择器绑定到具有该选择器的元素上;`trigger` 指定了触发元素,即当触发元素被点击时显示日期时间选择器;`theme` 指定了日期时间选择器的主题颜色;`closeStop` 指定了点击指定选择器之外的区域关闭日期时间选择器;`format` 指定了日期时间的显示格式;`type` 指定了日期时间选择器的类型;`done` 是一个回调函数,当日期时间选择器选定日期时会触发该回调函数;`$('#input_4').trigger('change')` 是在选定日期后手动触发 `input_4` 元素的 `change` 事件。
接下来的代码处理了清空和点击日期图标的事件。`$('#remove_input_4').on('click', function(){})` 绑定了清空按钮的点击事件,当点击按钮时会清空 `input_4` 的值。`$('#calendar_input_4').on('click', function(){})` 绑定了日期图标的点击事件,当点击图标时会触发 `input_4` 的 `focus` 事件,从而显示日期时间选择器。
请注意,以上代码是使用了 jQuery 和 LayDate 插件,如果你在使用之前没有正确引入相关的库文件,代码可能无法正常工作。
阅读全文