Disable using JQUERY a C1InputDate (ASP.Net Wijmo 4.0) control

Disable using JQUERY a C1InputDate (ASP.Net Wijmo 4.0) control

Posted by: fvicente on 6 November 2018, 5:03 pm EST

• 

  fvicente

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 6 November 2018, 5:03 pm EST

  In JavaScript:

  $ (“# ctlInputDate”). prop (“disabled”, true);

  It code only disable changes writing in the control but if you use the mouse and make a Click it shows the calendar !. So the control is not disable totally!

  I need to disable the full control like ASP.Net: ctlInputDate.Enable = false;
  
  What should I do?
  
  Some body have the solution?

• 

  abhishek.dutta

  

  • Post Options:
  • Link
    Copy

  Posted 7 November 2018, 10:29 pm EST

  Hi,

  We are working on it. Will update you soon.

• 

  abhishek.dutta

  

  • Post Options:
  • Link
    Copy

  Posted 9 November 2018, 5:07 am EST

  Hi,

  Please try this code & let me know if it works for you.

  var q = document.querySelector(".wijmo-wijinput");
  q.addEventListener(
    "click",
    function(e) {
      e.preventDefault();
      e.stopPropagation();
    },
    true
  );
  

• 

  fvicente

  • Post Options:
  • Link
    Copy

  Posted 12 November 2018, 12:45 pm EST

  I made the changes and It doesn’t work!

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 12 November 2018, 4:48 pm EST

  Hi,
  
  Please use the following code snippet to disable InputDate control using JavaScript same as C1InputDate.Enable=false property.

  $("#C1InputDate1").c1inputdate("option", "disabled", true);
  

  It should work for you!

  ~Manish

• 

  fvicente

  • Post Options:
  • Link
    Copy

  Posted 25 November 2018, 2:31 am EST

  Hi Manish

  Thank you so much! It works perfect with the last version of controls!

  Bye bye.