How to set wijmo input-date with editable mask?

How to set wijmo input-date with editable mask?

Posted by: venkateshpallanti on 10 September 2018, 6:36 pm EST

• 

  venkateshpallanti

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 10 September 2018, 6:36 pm EST

  I used wijmo calander input code

  <wj-input-date format="dd/MM/yyyy" mask="__/__/____" min={{currDateforMax}}  placeholder="Select" class="form-control input-sm" ng-model="createfrom.expiryDate" value="vm.currentLocation" isRequired />
  

  this calendar showing input mask but it is not editable, it sets the date by using calendar button click but i want to edit this input field using backspace or enter text but here it is not working it resets to masking like this “//____”

• 

  sharad.tomer

  

  • Post Options:
  • Link
    Copy

  Posted 11 September 2018, 4:56 pm EST

  Hi,

  WjInputDate control uses the same mask format as InputMask control.
  
  When using’ ’ in the mask it means the char '’ and not digit. So you should use ‘00/00/0000’ as mask instead of ‘//____’.
  
  Please refer to the following fiddle for the same: https://jsfiddle.net/0emk7czy/4/

  More info on mask format: https://demos.wijmo.com/5/Angular/WijmoHelp/WijmoHelp/topic/wijmo.input.InputMask.Class.html

  ~Sharad