使用Javascript的日期格式选项

Date formatting options using Javascript

本文关键字:格式 选项 日期 Javascript 使用      更新时间:2023-09-26

我的代码更新日历小部件和输入字段,同时验证日期。我们希望用户能够输入任何类型的m-d-y格式(m.d.y、m-d-y等等)。问题是YUI日历小部件只接受m/d/y格式。其他的都返回NaN。我已经尝试了几种方法来格式化日期,但不能得到任何似乎工作。我希望能够做到这一点,没有很多夸张的代码。有没有人对最好的方法有什么建议?下面是我的代码:

//CALENDAR --------------------------------------------------------------------------------    
var initCal = function(calendarContainer){      
    if(YAHOO.env.getVersion("calendar")){
        var txtDate = Dom.get("dateOfLoss");
        var myDate = new Date();
        var day = myDate.getDate();
        var month = myDate.getMonth() +1;
        var year = myDate.getFullYear() -1;
        var newDate = month + "/" + day + "/" + year;
        function handleSelect(type, args, obj){
            var dates = args[0];
            var date = dates[0];
            var year = date[0], month = date[1], day = date[2];
            txtDate.value = month + "/" + day + "/" + year;
            aCal.hide();
        }
        function updateCal(){   
            if (!(txtDate.value.match(/(('d{2})|('d))'/|'-(('d{2})|('d))'/|'-(('d{4})|('d{2}))/))) {                
                alert("Enter date in mm/dd/yy or mm/dd/yyyy format.");
            }
            else {
                if (txtDate.value != "") {
                    aCal.select(txtDate.value);
                    var selectedDates = aCal.getSelectedDates();
                    if (selectedDates.length > 0) {
                        var firstDate = selectedDates[0];
                        aCal.cfg.setProperty("pagedate", (firstDate.getMonth() + 1) + "/" + firstDate.getFullYear());
                        aCal.render();
                    }
                    else {
                        alert("Date of Loss must be within the past year.");
                    }
                }
              }



        }
        var aCal = new YAHOO.widget.Calendar(null, calendarContainer, {
            mindate: newDate,
            maxdate: new Date(),
            title: "Select Date",
            close: true
        });
        aCal.selectEvent.subscribe(handleSelect, aCal, true);
        aCal.render();
        Event.addListener("update", "click", updateCal);
        Event.addListener(txtDate, "change", function(e){
            updateCal();
        });
        // Listener to show the 1-up Calendar when the button is clicked
        // Hide Calendar if we click anywhere in the document other than the calendar
        Event.on(document, "click", function(e){
            var el = Event.getTarget(e);
            if(Dom.hasClass(el, "calendarButton"))
                aCal.show(); 
            else if (Dom.hasClass(el, "link-close") || !Dom.isAncestor(calendarContainer, el)) 
                aCal.hide();                
        }); 
    }
    else {
        var successHandler = function() {       
            initCal(calendarContainer);     
        };
        OURPLACE.loadComponent("calendar", successHandler);
    }            
};    

您试过http://www.datejs.com/了吗?

也许您可以定义一些模式并针对输入进行测试。我如何将字符串转换为日期时间与格式规范在JavaScript?

var updateCal = function(){         
            if (!(txtDate.value.match(/^(0?[1-9]|1[012])[- /.](0?[1-9]|[12][0-9]|3[01])[- /.]'d'd+$/))) {   
                return;
            }
            //else if ((txtDate.value.match(/^(0?[1-9]|1[012])[- .](0?[1-9]|[12][0-9]|3[01])[- .]'d'd+$/))) {                                               
            //} 
            else {                  
                var changedDate = txtDate.value;
                changedDate = changedDate.replace(/[. -]/g, "/");       
                txtDate.value = changedDate;
                badClaimDate = claimDateWithinPastYear();
                aCal.select(changedDate);                   

我使用RegEx来确定需要替换哪些分隔符(如果有的话),并简单地使用.replace.