META-INF.resources.bower_components.angular-date-time-input.demo.index.html Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of jwebmp-bootstrap-date-time-picker Show documentation

The JWebSwing implementation for Bootstrap Date Time Picker

There is a newer version: 0.66.0.1

Show newest version






 

    
    
    
    Angular Bootstrap - Date Time Picker Demo
    
    
    
    
    
    
    
    
    
    
    
    



    You can configure this directive to accept input in any format understood by moment.js, however, when you leave
        the field it will be displayed in
        the specified format.

    The background of the input box will be red whenever the input is an invalid date.

    
        Please enter a date:
            
        
        
            Input format is 'YYYY/MM/DD' (and ISO 8601, which is always supported).
            
 Input parsing is strict (meaning input must match format exactly).
            
 Display format is YYYY/MM/DD.
            
 Stored as milliseconds: {{ data.date1 }}
        
        
            ISO 8601 format is always supported. Try pasting "2016-01-02T17:29:19-06:00" into any
            of the input boxes on this page.
        
    

    
        Please enter a date:
            
        
        
            Input format is 'YYYY/MM/DD hh:mm A', 'YYYY/MM/DD', or 'MMM DD YYYY' (and ISO 8601, which is always supported).
            
 Input parsing is strict (meaning input must exactly match one of input formats).
            
 Display format is 'YYYY/MM/DD hh:mm A'.
            
Stored as a date: {{ data.date2 }}
        
        
            Try these

            
                1970/10/10 01:00 pm
                1970/10/10
                Oct 18 1970
            
        
    

    
        Please enter a date:
            
        
        
            Input format is 'YYYY/MMM/DD hh:mm A' ( note the MMM for month ).
            
 Input parsing is NOT strict (in this case, the moment parser is very, very forgiving - entering only
            '1' will likely result in a valid date).
            
 Display format is 'YYYY/MMM/DD hh:mm A'.
            
Stored as: {{ data.date3 }}
        
        
            Non-strict parsing is very forgiving and can result in some unexpected behavior.
            
 Try these values
            
                1
                oct
                10/oct
                oct 1970
                1970/10/10 01:00 pm
            
            We do not recommend using non-strict parsing
        
    

    
            
                
                    
                        
                        
                    
                
                
                    
                
            

        
            Input format is 'M/D/YYYY h:mm A'.
            
 Display format is 'M/D/YYYY h:mm A'.
            
Stored as: {{ data.dateDropDown }}
        
        
            Works with the angular-bootstrap-datetimepicker
        
    
    Any invalid dates will have a ng-invalid class assigned by Angular