如何使用jquery更改日期选择器的日期格式?
我在jqgrid中使用datepicker。在这里,我想以dd-mm-yy的格式获取日期,并以yyy-mm-dd-HH:mm:ss的格式将日期保存在数据库中。每当我从数据库中检索数据时,我都会使用dd-mm-yy的格式 我们应该如何使用jquery实现它 更新如何使用jquery更改日期选择器的日期格式?,jquery,Jquery,我在jqgrid中使用datepicker。在这里,我想以dd-mm-yy的格式获取日期,并以yyy-mm-dd-HH:mm:ss的格式将日期保存在数据库中。每当我从数据库中检索数据时,我都会使用dd-mm-yy的格式 我们应该如何使用jquery实现它 更新 <script> datePick=function(element) { $(element).datepicker(
<script>
datePick=function(element)
{
$(element).datepicker(
{
buttonImage: "calendar.gif",
buttonImageOnly: true,
minDate: 0,
showButtonPanel: true ,
closeText: "Close",
changeMonth: true,
changeYear: true
}
).attr('readonly','true');
};
function callme()
{
$( "#datepicker" ).datepicker( "option", "dateFormat", 'dd-mm-yy' );
}
function call()
{
$( "#datepicker" ).datepicker( "option", "dateFormat", 'dd-mm-yy' );
}
function fun()
{
$( "#datepicker" ).datepicker( "option", "dateFormat", 'yy-mm-dd' );
}
</script>
<body>
<sjg:grid id="gridtable"
..............
>
.
.
.
.
.
<sjg:gridColumn
name="custEstdDate"
align="left"
index="custEstdDate"
title="Estd Date"
sortable="false"
editable="true"
editoptions="{
size: 20,
maxlength: 10,
dataInit:datePick
}"
edittype="text"/>
</sjg:grid>
datePick=函数(元素)
{
$(元素).日期选择器(
{
buttonImage:“calendar.gif”,
buttonImageOnly:正确,
minDate:0,
showButtonPanel:是的,
关闭文本:“关闭”,
变化月:对,
变化年:对
}
).attr('readonly','true');
};
函数callme()
{
$(“#日期选择器”).datepicker(“选项”,“日期格式”,“dd-mm-yy”);
}
函数调用()
{
$(“#日期选择器”).datepicker(“选项”,“日期格式”,“dd-mm-yy”);
}
函数fun()
{
$(“#日期选择器”)。日期选择器(“选项”、“日期格式”、“yy-mm-dd”);
}
.
.
.
.
.
这些是我的示例编码…您可以使用以下命令:
假设您有一个div,如:
然后你可以这样做:
var date = $('#datepicker').datepicker({ dateFormat: 'dd-mm-yy' }).val();
或
要更改日期选择器中的日期格式,请使用
$( "#datepicker" ).datepicker( "option", "dateFormat", 'dd-mm-yy' );
服务器端用于插入数据库的脚本应转换为所需的数据库格式,并在需要显示时重新转换。请尝试datecpicker的选项
$( ".datepicker" ).datepicker({ dateFormat: "dd-mm-yy" });
您可以检查Aviable日期格式的链接
或者您也可以在服务器端执行此操作。在插入数据库之前更改格式
如果使用PHP
$date=date('Y-m-d H:i:s',strtotime($posteddate));
已更新
datePick=function(element)
{
$(element).datepicker(
{
buttonImage: "calendar.gif",
buttonImageOnly: true,
minDate: 0,
showButtonPanel: true ,
closeText: "Close",
changeMonth: true,
changeYear: true,
dateFormat: "dd-mm-yy"
}
).attr('readonly','true');
// $( element ).datepicker({ dateFormat: "dd-mm-yy" });
};
您使用什么语言在服务器端保存到数据库或从数据库加载?您使用PHP作为服务器端代码吗?我使用的是struts2和hibernate3。对不起。我找不到答案。。。。。我不知道为什么?请查看我的编码并指导我。谢谢您的主机中是否有任何错误。。我确实更新了答案。。试试看。。虽然它的功能与以前的更新相同,但您可以试用。我已经试用过了。它会起作用,而且在我使用它的地方,它的格式总是一样的。但是我想在提交之前和之后更改日期格式。请查看我的示例代码。然后您不需要更改服务器端代码的日期格式。。。您可以有一种格式来显示,并且在子提交后更改服务器代码中的格式。在客户端没有办法更改吗?它也不起作用。看到我的样本编码后,你能给我指点一下吗。非常感谢。
datePick=function(element)
{
$(element).datepicker(
{
buttonImage: "calendar.gif",
buttonImageOnly: true,
minDate: 0,
showButtonPanel: true ,
closeText: "Close",
changeMonth: true,
changeYear: true,
dateFormat: "dd-mm-yy"
}
).attr('readonly','true');
// $( element ).datepicker({ dateFormat: "dd-mm-yy" });
};