0

我有一个 .ctp 页面。其中有一个按钮可以加载 div。

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

日期选择器已正确加载。但是当我从日期选择器中选择时，我需要为每个日期添加 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_0datepicker 中选择一个日期时。然后它将日期显示为Tue Jul 30 2013 00:00:00 GMT+0530 (India Standard Time)。

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

我怎样才能做到这一点？

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

4

3 回答 3

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对象。无论其当前格式如何。

于 2013-01-03T09:22:53.827 回答
0 
//getter
var dateFormat = $( ".selector" ).datepicker( "option", "dateFormat" );
//setter
$( ".selector" ).datepicker( "option", "dateFormat", 'yy-mm-dd' );

这些对你有用。

于 2013-01-03T09:03:25.970 回答
0

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"
于 2013-01-03T09:04:43.653 回答