jQuery日期格式
如何使用jQuery格式化日期。我正在使用以下代码，但出现错误：jQuery日期格式,jquery,Jquery,如何使用jQuery格式化日期。我正在使用以下代码，但出现错误： $("#txtDate").val($.format.date(new Date(), 'dd M yy')); 请提供解决方案。是一个单独的插件。您需要使用标记显式加载它。只需使用以下命令： var date_str=('0'+date.getDate()).substr(-2,2)+' '+('0'+date.getMonth()).substr(-2,2)+' '+('0'+date.getFullYear()).sub
$("#txtDate").val($.format.date(new Date(), 'dd M yy'));
var date_str=('0'+date.getDate()).substr(-2,2)+' '+('0'+date.getMonth()).substr(-2,2)+' '+('0'+date.getFullYear()).substr(-2,2);
此jQuery插件可帮助您根据自己的喜好格式化和转换日期和时间。在页面中添加jQuery ui插件。
$("#txtDate").val($.datepicker.formatDate('dd M yy', new Date()));
图拉西拉姆，我更喜欢你的建议。在稍微不同的语法/上下文中，它对我来说很好：
var dt_to = $.datepicker.formatDate('yy-mm-dd', new Date());
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
如果您不想使用jQuery/jQuery插件，另一种选择是使用简单的js date（）函数： e、 g: 见： 如果要将前导零添加到日/月，这是一个完美的示例： 如果要使用前导零添加时间，请尝试以下操作：
这是我刚刚制作的一个非常基本的功能，它不需要任何外部插件：
$.date = function(dateObject) {
var d = new Date(dateObject);
var day = d.getDate();
var month = d.getMonth() + 1;
var year = d.getFullYear();
if (day < 10) {
day = "0" + day;
}
if (month < 10) {
month = "0" + month;
}
var date = day + "/" + month + "/" + year;
return date;
};
dd/mm/yyyy
我不太确定是否允许我回答两年前提出的问题，因为这是我关于stackoverflow的第一个答案，但是，这是我的解决方案 如果您曾经从MySQL数据库中检索到日期，请将其拆分，然后使用拆分后的值
$(document).ready(function () {
var datefrommysql = $('.date-from-mysql').attr("date");
var arraydate = datefrommysql.split('.');
var yearfirstdigit = arraydate[2][2];
var yearlastdigit = arraydate[2][3];
var day = arraydate[0];
var month = arraydate[1];
$('.formatted-date').text(day + "/" + month + "/" + yearfirstdigit + yearlastdigit);
});
var date = moment(); //Get the current date
date.format("YYYY-MM-DD"); //2014-07-10
我希望这段代码能解决你的问题
var d = new Date();
var curr_day = d.getDate();
var curr_month = d.getMonth();
var curr_year = d.getFullYear();
var curr_hour = d.getHours();
var curr_min = d.getMinutes();
var curr_sec = d.getSeconds();
curr_month++ ; // In js, first month is 0, not 1
year_2d = curr_year.toString().substring(2, 4)
$("#txtDate").val(curr_day + " " + curr_month + " " + year_2d)
创建日期选择器时使用dateFormat选项
$("#startDate").datepicker({
changeMonth: true,
changeYear: true,
showButtonPanel: true,
dateFormat: 'yy/mm/dd'
});
虽然这个问题在几年前就被提出了，但是如果所讨论的日期值是格式为
mm/dd/yyyy这是我在浏览器上展示的完整代码示例，希望对您有所帮助，谢谢
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Datepicker functionality</title>
<link href="http://code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<!-- Javascript -->
<script>
$(function() {
$( "#datepicker" ).datepicker({
minDate: -100,
maxDate: "+0D",
dateFormat: 'yy-dd-mm',
onSelect: function(datetext){
$(this).val(datetext);
},
});
});
</script>
</head>
<body>
<!-- HTML -->
<p>Enter Date: <input type="text" id="datepicker"></p>
</body>
</html>
jQuery UI日期选择器功能
$（函数（）{
$（“#日期选择器”）。日期选择器({
minDate:-100，
maxDate:“+0D”，
日期格式：'yy-dd-mm'，
onSelect:函数（日期文本）{
$（this）.val（datetext）；
},
});
});
输入日期：
$（'.datepicker'）.datepicker({
变化月：对，
变化年：是的，
年份范围：“1900:+0”，
默认日期：“1900年1月1日”，
按钮尺寸：“http://www.theplazaclub.com/club/images/calendar/outlook_calendar.gif",
日期格式：“日/月/年”，
onSelect:function（）{
$（'#datepicker'）.val（$（this）.datepicker({
日期格式：“日/月/年”
}).val（））；
}
});
选择器：
输出：
我们只需将日期格式化为
var month = date.getMonth() + 1;
var day = date.getDate();
var date1 = (('' + day).length < 2 ? '0' : '') + day + '/' + (('' + month).length < 2 ? '0' : '') + month + '/' + date.getFullYear();
$("#txtDate").val($.datepicker.formatDate('dd/mm/yy', new Date(date1)));
var month=date.getMonth（）+1；
var day=date.getDate（）；
变量date1=（“”+日）.length<2？'0'：“”）+日+'/'+（“”+月）.length<2？'0'：“”）+月+'/'+日期.getFullYear（）；
$（“#txtDate”）.val（$.datepicker.formatDate（'dd/mm/yy'，新日期（date1））；
其中“date”是任何格式的日期。您可以添加新的用户jQuery函数“getDate”
JSFiddle：
或者您可以运行代码段。只需按下这篇文章下面的“运行代码片段”按钮
//创建用户jQuery函数“getDate”
（函数（$）{
$.fn.getDate=函数（格式）{
var gDate=新日期（）；
变量mDate={
'S'：gDate.getSeconds（），
“M”：gDate.getMinutes（），
“H”：gDate.getHours（），
“d”：gDate.getDate（），
'm'：gDate.getMonth（）+1，
“y”：gDate.getFullYear（），
}
//应用格式并添加前导零
返回格式.replace（/（[SMHdmy]）/g，函数（键）{return（mDate[key]<10？'0'：''）+mDate[key]；}）；
返回日期（str）；
};
})（jQuery）；
//用法：示例#1。致函“日期”部门
$（'#date'）.html（$（）.getDate（“y-m-dh:m:S”）；
//用法：ex2。简单的时钟。写到“#时钟”div
功能时钟（）{
$（'#clock'）.html（$（）.getDate（“H:M:S，M/d/y”））
}
时钟（）；
设置间隔（时钟，1000）；//一秒钟
//用法：ex3。简单时钟2。写到“#时钟2”分区
函数clock2（）{
var format='H:M:S'；//日期格式
var updateInterval=1000；//1秒
var clock2Div=$（'#clock2'）；//获取div
var currentTime=$（）.getDate（格式）；//获取时间
clock2Div.html（currentTime）；//写入div
setTimeout（clock2，updateInterval）；//设置计时器1秒
}
//运行时钟2
时钟2（）；
//只是为了好玩
//用法：ex4。简单时钟3。写入“#时钟3”span
函数clock3（）{
var formatHM='H:M:'；//小时，分钟
var formatS='S'；//秒
var updateInterval=1000；//1秒
var clock3SpanHM=$（'#clock3HM'）；//获取跨度HM
var clock3SpanS=$（'#clock3S'）；//获取跨度S
var currentHM=$（）.getDate（formatHM）；//获取时间H:M
var currentS=$（）.getDate（格式）；//获取秒数
clock3SpanHM.html（currentHM）；//写入div
clock3SpanS.fadeOut（1000）.html（currentS.fadeIn（1）；//写入span
setTimeout（clock3，updateInterval）；//设置计时器1秒
}
//运行时钟2
时钟3（）
您可以在不使用插件的情况下使用以下代码
$（函数（）{
//在页面加载时调用函数
$（“#日期选择器”）.datepicker（）；
//在此处设置日期格式
$（“#日期选择器”）。日期选择器（“选项”、“日期格式”、“年月日”）；
//你也可以使用
//年月日
//d M，y
//嗯，是的
//年月日
//yy年的MM日（文字为yy年的MM日）
} );
选择日期：
您可以尝试
BR将此功能添加到您的
中，并在
中的任何位置进行调用
我喜欢第二种选择。它可以一次性解决所有问题。如果您使用的是jquery ui，那么您可以像下面一样使用它，您可以指定自己的日期格式
$.datepicker.formatDate( "D dd-M-yy", new Date()) // Output "Fri 08-Sep-2017"
你可以使用这种编码
$('[name="tgllahir"]').val($.datepicker.formatDate('dd-mm-yy', new Date(data.tgllahir)));
这对我来说很有效，只需稍加修改，没有任何插件
输入：2018年4月11日星期三00:0
var month = date.getMonth() + 1;
var day = date.getDate();
var date1 = (('' + day).length < 2 ? '0' : '') + day + '/' + (('' + month).length < 2 ? '0' : '') + month + '/' + date.getFullYear();
$("#txtDate").val($.datepicker.formatDate('dd/mm/yy', new Date(date1)));
$('#idInput').val( Date.parse("Jun 18, 2017 7:00:00 PM").toString('yyyy-MM-dd'));
<script>
function GetNow(){
var currentdate = new Date();
var datetime = currentdate.getDate() + "-"
+ (currentdate.getMonth()+1) + "-"
+ currentdate.getFullYear() + " "
+ currentdate.getHours() + ":"
+ currentdate.getMinutes() + ":"
+ currentdate.getSeconds();
return datetime;
}
window.alert(GetNow());
</script>
window.alert(Date.parse(new Date()).toString('yyyy-MM-dd H:i:s'));
$.datepicker.formatDate( "D dd-M-yy", new Date()) // Output "Fri 08-Sep-2017"
$('[name="tgllahir"]').val($.datepicker.formatDate('dd-mm-yy', new Date(data.tgllahir)));
$.date = function(orginaldate) {
var date = new Date(orginaldate);
var day = date.getDate();
var month = date.getMonth() + 1;
var year = date.getFullYear();
if (day < 10) {
day = "0" + day;
}
if (month < 10) {
month = "0" + month;
}
var date = month + "/" + day + "/" + year;
return date;
};
$.date('Wed Apr 11 2018 00:00:00 GMT+0000')