如何使用jquery更改datepicker的日期格式?

时间:2013-04-09 06:59:01

标签: jquery

我在jqgrid中使用datepicker。在这里,我想以dd-mm-yy的格式获取日期,我想以yyyy-MM-dd HH:mm:ss的格式保存数据库上的日期。每当我从数据库中检索日期时,我将采用dd-mm-yy格式。

我们应该如何使用jquery?

更新

<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>

这些是我的样本编码......

3 个答案:

答案 0 :(得分:2)

尝试使用datecpicker的dateformat()选项

$( ".datepicker" ).datepicker({ dateFormat: "dd-mm-yy" });

您可以查看可用日期格式here

的链接

或者您可以在服务器端执行..在插入数据库之前更改格式

如果使用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" });
            };

答案 1 :(得分:1)

要更改日期选择器中的日期格式,请使用

$( "#datepicker" ).datepicker( "option", "dateFormat", 'dd-mm-yy' );

您在服务器端使用以插入数据库的脚本应该转换为所需的数据库格式,并在您想要显示它时重新转换。

答案 2 :(得分:0)

你可以使用它:

假设你有一个像:<div id="datepicker"></div>

这样的div

然后你就可以这样做:

var date = $('#datepicker').datepicker({ dateFormat: 'dd-mm-yy' }).val();

var dateTypeVar = $('#datepicker').datepicker('getDate');
$.datepicker.formatDate('dd-mm-yy', dateTypeVar);