Member 12324523 Ответов: 1

JQuery place holder text не работает в браузерах firefox и IE

Below is my code for placing the place holder text in textbox as mm/dd/yyyy it is working in chrome browser but the place holder text and the date picker which is working in chrome is not supporting in firefox and Internet Explorer


<script>
        $('input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"]').each(function () {
            var el = this, type = $(el).attr('type');
            if ($(el).val() == '') $(el).attr('type', 'text');
            $(el).focus(function () {
                $(el).attr('type', type);
                el.click();
            });
            $(el).blur(function () {
                if ($(el).val() == '') $(el).attr('type', 'text');
            });
        });

    </script>

<asp:TextBox ID="txtFromDate" Width="113px" runat="server" type="date" placeholder="Date">


Что я уже пробовал:

My requirement is to have a place holder text as mm/dd/yyyy in textbox and while typing month mm should disapper and while typing date dd should disappear similarly for yyyy how can i do this

1 Ответов

Рейтинг:
2

Wessel Beulink

Правильные типы:

тип Date",
type= " datetime-local",
type= "месяц", type= " время",
тип= "неделя"

Не поддерживаются в FireFox, IE и Chrome ниже версии 20.
Чтобы иметь возможность использовать тип даты во всех браузерах, вы можете проверить это с помощью modernizer, а если он не поддерживается, вы можете вернуться к использованию javascript для отображения datepickerr.

<script>
    $(function(){           
        if (!Modernizr.inputtypes.date) {
            $('input[type=date]').datepicker({
                  dateFormat : 'yy-mm-dd'
                }
             );
        }
    });
</script>



Другим решением будет использование bootstrap datetime picker, но, к сожалению, вам придется изменить это поле date/datetime вручную. p.s. bootstrap datetime picker работает для FireFox, но IE все еще является проблемой.