2013-08-18 2 views
0

Я пытаюсь использовать скрытый ввод, чтобы моя дата выглядела как 9999-99-99, но, похоже, ничего не делает. Я не могу сказать, что я делаю неправильно.Проблема с маскированным входным плагином

<script type="text/javascript" src="http://digitalbush.com/wp-content/uploads/2013/01/jquery.maskedinput-1.3.1.min_.js"></script> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.js"></script> 
<script type="text/javascript"> 
jQuery(function ($) { 
$("#date").mask("9999-99-99"); 
}); 
</script> 

http://jsfiddle.net/doitlikejustin/xw2je/3/

Это мой вход box-

<input name="date" type="text" id="date" value="<?php echo $_SESSION['date'];?>" /> 
+0

Вы используете правильную ссылку для файла javascript? –

ответ

2

Вам нужно включить JQuery скрипт первым.

Порядок важен, так как входной плагин jQuery Masked зависит от jQuery. Вы должны сказать браузеру сначала загрузить jQuery, а затем только вы можете работать с jQuery.

Например (я проверил это):

<html> 

<head> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.js"></script> 
    <script type="text/javascript" src="http://digitalbush.com/wp-content/uploads/2013/01/jquery.maskedinput-1.3.1.min_.js"></script> 
    <script type="text/javascript"> 
    jQuery(function ($) { 
    $("#date").mask("9999-99-99"); 
    }); 
    </script> 
</head> 

<body> 
    <input name="date" type="text" id="date" value="" /> 
</body> 
</html> 

Я надеюсь, что это помогает.

+0

Правильно, я думал, что я был? Я использовал ваш код, похоже, не работал. Это может быть проблема? 'code'

+0

Это не должно быть проблемой. Возможно, у вас есть некоторые ошибки на странице. Вы можете использовать Firebug в Firefox, чтобы узнать, есть ли ошибки JavaScript. –

+0

Я только что понял, что Dreamweaver не сохранялся правильно. –

0

Вам просто нужно изменить порядок определения jquery, сначала поставить файл jquery версии, а затем поместить jQuery-плагин. Это решит вашу проблему.

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.js"></script> 
<script type="text/javascript" src="http://digitalbush.com/wp-content/uploads/2013/01/jquery.maskedinput-1.3.1.min_.js"></script> 
0

Главный файл jquery должен размещаться первым, а затем аддон. Он обязательно решит проблему ур.