掩码输入插件问题

时间:2013-08-18 07:03:41

标签: javascript jquery html

我正在尝试使用蒙面输入使我的日期看起来像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/

这是我的输入框 -

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

3 个答案:

答案 0 :(得分: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>

我希望这会有所帮助。

答案 1 :(得分: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>

答案 2 :(得分:0)

主jquery文件应首先放置,然后放入addon.It肯定会解决你的问题。