使用 javascript 转换输入日期时间
Convert input DateTime with javascript
我正在使用Cordova构建一个iPhone应用程序,我使用本机DateTime选择器,如下所示:
<input type="datetime-local" id="date" name="date" value="" />
当我保存表单并将其推送到我的本地数据库 WebDB 时,它会保存如下:
row.datetime // 2014-04-03T21:23
我想做的是:
<span>hh:mm</span><br>
<span>dd-mm-yyyy</span>
有没有办法使用Javascript来做到这一点?
您可以使用 JS 库来格式化日期时间。像MomentJS(http://momentjs.com/或DateJS)这样的东西 http://www.datejs.com/允许您格式化。否则,如果您不想处理太多,请使用内置的 JavaScript 方法来获取日期和时间值并构建自己的字符串。
有关详细信息,请参阅 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date。Getter 方法对您的情况很重要。JS日期对象支持getMonth,getDate,getFullYear,getHours,getMinutes等。您可以将这些值抓取到变量中,并从中构建字符串。
小提琴示例:http://jsfiddle.net/zS77J/
法典:
var dt = new Date(); // new date obj
// use date methods to get values
var hr = dt.getHours();
var mn = dt.getMinutes();
var dy = dt.getDate();
var mo = dt.getMonth();
var yr = dt.getFullYear();
var timeStr = hr+':'+mn; // time string with hours and mins
var dateStr = dy+'-'+mo+'-'+yr; // date format dd-mm-yyyy
不要使用
datetime
属性,而是使用 valueAsDate
。您可以轻松地从中构建字符串:
var row = document.getElementById("date");
var dt = row.valueAsDate;
if (!dt || isNaN(dt))
return '<span class="error">Invalid Date</span>';
else
return '<span>'+pad(dt.getUTCHours())+':'+pad(dt.getUTCMinutes())+'</span><br>'
+ '<span>'+pad(dt.getUTCDate())+'-'+pad(dt.getUTCMonth()+1)+'-'+dt.getUTCFullYear()+'</span>';
function pad(v) { return ('0'+v).slice(-2); }
这是我
的最终解决方案:
JSFiddle: http://jsfiddle.net/GCHg3/
var strDate = "2014-04-03T21:23";
var dateParts = strDate.split(/-|T/);
var datetime = "<span>" + dateParts[3] + "</span><br><span>" + dateParts[2] + "-" + dateParts[1] + "-" + dateParts[0] + "</span>";
document.getElementById('output').innerHTML += datetime;
相关文章:
- 更改angularjs中的日期-时间格式
- 将日期时间作为 JSON 发送将无法在我的视图中正确显示
- 将日期时间从json转换为可读格式
- 使用时刻.js从日期时间中提取时间
- 两个日期时间选择器
- Javascript:如何在onChange事件期间更改日期时间值
- .Net webApi ISO日期时间和IE8
- Javascript-如何使用bootstrap日期时间选择器自动计算两个时间输入之间的差异
- 转换日期时间格式
- 在JavaScript中转换日期/时间格式
- JavaScript JSON关联对象键和值都作为日期时间戳
- 将日期时间javascript绑定到表列
- 将JS日期解析为C#日期时间
- 使用JavaScript将客户端日期/时间字符串转换为JSON日期/时间串
- 从javascript数组获取php的日期时间
- 格式化momentjs日期时间
- 这个正则表达式的日期/时间有什么问题
- Mongoose查询在两个日期时间之间提取数据
- 当转换为Python日期时间时,Node的时间戳落后3分钟
- 自定义angularjs过滤器日期时间格式额外字符