Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

193
Visualizações
Date picker window is not close

I have a date picker but When I clicked date picker input and if I didn't choise any date then when I go outside the input, date picker window is not close. Also this problem just is there in IE.

My code is below;

  @Html.TextBox("Birthdate", null, new { @class = "form-control date-picker input-mask-date", placeholder = "Doğum Tarihi", required = true, id = "dtBirthDate" })

Script side;

$(".input-mask-date").mask("99.99.9999");

if I didn't choise any date then when I go outside the input, date picker window is not close.

enter image description here

about 4 years ago · Juan Pablo Isaza
2 Respostas
Responde à pergunta

0

As you mentioned this is an issue with IE. However, you can add a custom function to check when one leaves or clicks outside the datepicker to hide it.

$('.date-picker').on('blur', function() {
  $('.date-picker').unmask();
});

You can equally use focusOut for the event listener and also fadeOut / slideUp if they work on date pickers.

So as mentioned by @caglarboran, the right method to call is unmask rather than hide. Edited the answer.

about 4 years ago · Juan Pablo Isaza Relatório

0

I solved this problem like that;

$('#dtBirthDate').on('focus', function () {
    $(this).mask("99.99.9999");
});

$("#dtBirthDate").focusout(function () {
    $(this).unmask();
});
about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda