Question

如何在HTML中集成日期选择器

   <!doctype html>
<html>
<link rel="stylesheet" href="css/mdp.css">
<link rel="stylesheet" href="css/pepper-ginder-custom.css">
<link rel="stylesheet" href="css/prettify.css">
<script src="js/jquery.ui.core.js"></script>
<script src="js/jquery.ui.datepicker.js"></script>
<script src="js/jquery.ui.datepicker-es.js"></script>
<script src="js/jquery-1.7.2.js"></script>
<script src="js/lang-css.js"></script>
<script src="js/prettify.js"></script>
<script src="jquery-ui.multidatespicker.js"></script>
<script>
    $function(){
    $('#custom-methods').multiDatesPicker()
};

</script>
<body>
Date : <input type="text"  id="custom-methods"></input>
</body>
</html>

这就是我的工作方式，日期选择器在这里 - http://multidatespickr.sourceforge.net/

我希望整合它。

Answer 1

在脚本标签中

$(document).ready(function(){ $('#custom-methods').multiDatesPicker(); });

Answer 2

这个怎么样？

$(Document).ready(function() {// everything comes under document.ready 

$('#custom-methods').multiDatesPicker(); // if you script working this should attach to textbox .

});

我尝试使用日期选择器，这对我来说很好。使用chrome或firebug进行可能的尝试和调试，以检查脚本是否正常工作，并告诉我以防万一

订购者应该： // css先来发布。

<script src="js/jquery-1.7.2.js"></script> // NEXT to this anything 
<script src="js/jquery.ui.core.js"></script>
<script src="js/jquery.ui.datepicker.js"></script>
<script src="js/jquery.ui.datepicker-es.js"></script>
<script src="js/lang-css.js"></script>
<script src="js/prettify.js"></script>
<script src="jquery-ui.multidatespicker.js"></script>

此致

Answer 3

使用以下链接：

<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>-->
<link rel="stylesheet" href="C:/wamp/www/PouyaPlugin/Multidatepicker/css/mdp.css">
<link rel="stylesheet" href="C:/wamp/www/PouyaPlugin/Multidatepicker/css/pepper-ginder-custom.css">
<link rel="stylesheet" href="C:/wamp/www/PouyaPlugin/Multidatepicker/css/prettify.css">


<!--<script src="C:/wamp/www/PouyaPlugin/Multidatepicker/js/jquery-1.7.2.js"></script>-->



<script src="C:/wamp/www/PouyaPlugin/Multidatepicker/js/jquery.ui.core.js"></script>
<script src="C:/wamp/www/PouyaPlugin/Multidatepicker/js/jquery.ui.datepicker.js">    
</script>
<script src="C:/wamp/www/PouyaPlugin/Multidatepicker/js/lang-css.js"></script>
<script src="C:/wamp/www/PouyaPlugin/Multidatepicker/js/prettify.js"></script>


 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">    
 </script>
 <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js">    
</script>
<script src="http://multidatespickr.sourceforge.net/jquery-ui.multidatespicker.js">    
</script>

如何将日期选择器与HTML集成

3 个答案: