Question

我有这个代码，用于更新日历小部件和输入字段，同时验证日期。我们希望用户能够输入任何类型的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);
    }            
};

Answer 1

你试过http://www.datejs.com/吗？

也许你可以定义一些模式并测试输入。 How can I convert string to datetime with format specification in JavaScript?

Answer 2

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。

使用Javascript的日期格式选项

2 个答案: