Question

我有一个.ctp页面。在那里有一个加载div的按钮。

在那个加载的div中有一些日期选择器..

正确加载了日期选择器。但是当我从datepickers中选择时，我需要在每个日期添加6个月。

这是我的代码：

<script type="text/javascript">
    $(function() {
        var cnt = $("#cnt").val();
        for(var i =0;i<cnt;i++){
            $( "#date_"+i ).datepicker({showButtonPanel: true, changeMonth: true, changeYear: true, minDate: "0", maxDate: "+10Y",dateFormat: "dd/mm/yy",
                         onSelect: function(dateText, instance) {
                        date = $.datepicker.parseDate(instance.settings.dateFormat, dateText, instance.settings);
                        date.setMonth(date.getMonth() + 6);
                        alert(date);
                    }
            });
            $( "#format" ).change(function() {
                $( "#date_"+i ).datepicker( "option", "dateFormat", $( this ).val() );
            });
        }
    });
</script>

这时我从id date_0 datepicker中选择一个日期。然后它将日期显示为Tue Jul 30 2013 00:00:00 GMT+0530 (India Standard Time)。

但我需要提醒30/7/2013。

我该怎么做？

添加日期是否正确，但日期格式需要更改？给我一个解决方案？

Answer 1

jQueryUI日期选择器具有一个名为$.datepicker.formatDate的内置日期格式化函数。

onSelect: function(dateText, instance) {
    var date = $(this).datepicker('getDate');
    date.setMonth(date.getMonth() + 6);
    var str = $.datepicker.formatDate("dd/mm/yy", date);
    alert(str);
}

请参阅上文，了解如何使用$(this).datepicker('getDate')从日期选择器中提取当前Date对象。无论目前的格式如何。

Answer 2

//getter
var dateFormat = $( ".selector" ).datepicker( "option", "dateFormat" );
//setter
$( ".selector" ).datepicker( "option", "dateFormat", 'yy-mm-dd' );

这些对您有用。

Answer 3

http://www.webdevelopersnotes.com/tips/html/10_ways_to_format_time_and_date_using_javascript.php3查看此文章。真的很棒。

<强> Moment.js

它是一个轻量级（3.7 KB）JavaScript日期库，用于解析，操作和格式化日期。

var a = moment([2010, 1, 14, 15, 25, 50, 125]);
a.format("dddd, MMMM Do YYYY, h:mm:ss a"); // "Sunday, February 14th 2010, 3:25:50 pm"
a.format("ddd, hA");                       // "Sun, 3PM"

如何使用jquery更改日期格式

3 个答案: