Может ли входная маска JQUERY добавить строку для даты и времени?

Question

код для маскировки время (чч: мм: сс)

$('.time').each(function() { 
     $(this).inputmask({ 
       mask: "h:s:s", 
       placeholder: "00:00:00", 
       alias: "datetime", 
       hourFormat: "24" 
     }); 
}); 

Как замаскировать DateTime, который также принимает строку как NONE? Можно ввести текст, но только значение None действует NONE или 01:00:00

Я использую библиотеку JQuery inputmask (https://github.com/RobinHerbots/jquery.inputmask).

Answer 1

Вы не должны использовать alias и mask, так как вы не объявляя alias а просто позвонив inputmask() с options.

Вот решение с комментариями.

$('.time').inputmask({ 
    mask:'(h:s:s)|(X)', // X will define our new validator , | mean OR 
    definitions: { 
     "X": { 
      // Needed since you need the word(NONE) comparaison 
      validator: function(chrs) {return chrs.toUpperCase().localeCompare('NONE')==0 }, 
      cardinality: 4, // Mean 1 instance of our new validator(X) has a value of 4 chars 
      prevalidator: [ 
       {validator: function(chrs){return chrs.toUpperCase().localeCompare('N')==0 },cardinality:1}, 
       {validator: function(chrs){return chrs.toUpperCase().localeCompare('NO')==0 },cardinality:2}, 
       {validator: function(chrs){return chrs.toUpperCase().localeCompare('NON')==0 },cardinality:3} 
      ], 
      casing: "upper" // All chars will be casted as UPPER but not during our custom validation 
     } 
    } 
}) 

С дэтой в нем :)

$('.time').inputmask({ 
    mask:'(h:s:s)|(X)', // X will define our new validator , | mean OR 
    regex: Inputmask().opts.aliases.datetime.regex, //Needed for the imported validator 
    placeholder: "00:00:00", //To get 00:00:00 in place __:__:__ 
    hourFormat: "24", // or 12 
    definitions: { 
     "h": Inputmask().opts.aliases.datetime.definitions.h, // first char > 2 will become 09: 
     "s": Inputmask().opts.aliases.datetime.definitions.s, //first char for minute/second if > 5 become 09 
     "X": { 
      // Needed since you need the word(NONE) comparaison 
      validator: function(chrs) {return chrs.toUpperCase().localeCompare('NONE')==0 }, 
      cardinality: 4, // Mean 1 instance of our new validator(X) has a value of 4 chars 
      prevalidator: [ 
       {validator: function(chrs){return chrs.toUpperCase().localeCompare('N')==0 },cardinality:1}, 
       {validator: function(chrs){return chrs.toUpperCase().localeCompare('NO')==0 },cardinality:2}, 
       {validator: function(chrs){return chrs.toUpperCase().localeCompare('NON')==0 },cardinality:3} 
      ], 
      casing: "upper" // All chars will be casted as UPPER but not during our custom validation 
     } 
    } 
})