Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Alright, I've been taking a serious look at the plugins and I know what your problem is. You're missing a couple of scripts needed for the plugins to work. Here is a solution where both plugins work, I tested it myself. You can see in the source tags where I got the modules from, they actually came with the plugin packages.</p> <pre><code>&lt;!-- Stylesheets --&gt; &lt;link rel="Stylesheet" media="screen" href="/ui-timepickr/dist/themes/default/ui.core.css" /&gt; &lt;link rel="Stylesheet" media="screen" href="/ui-timepickr/dist/themes/default/ui.timepickr.css" /&gt; &lt;link rel="stylesheet" type="text/css" href="/multidates/css/mdp.css"&gt; &lt;!-- latest JQuery module --&gt; &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"&gt;&lt;/script&gt; &lt;!-- JQuery UI --&gt; &lt;script type="text/javascript" src="/multidates/js/jquery.ui.core.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/multidates/js/jquery.ui.datepicker.js"&gt;&lt;/script&gt; &lt;!-- Spanish dates --&gt; &lt;script type="text/javascript" src="/multidates/js/jquery.ui.datepicker-es.js"&gt;&lt;/script&gt; &lt;!-- timepickr --&gt; &lt;script type="text/javascript" src="/ui-timepickr/page/jquery.ui.all.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/ui-timepickr/page/jquery.utils.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/ui-timepickr/page/jquery.strings.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/ui-timepickr/page/jquery.anchorHandler.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/ui-timepickr/src/ui.dropslide.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/ui-timepickr/src/ui.timepickr.js"&gt;&lt;/script&gt; &lt;!-- datepicker --&gt; &lt;script type="text/javascript" src="/multidates/jquery-ui.multidatespicker.js"&gt;&lt;/script&gt; &lt;!-- execution code --&gt; &lt;script type="text/javascript"&gt; $(document).ready(function(){ //timepickr $('#inTime').timepickr(); $('#outTime').timepickr(); //popup calendar $('#date').multiDatesPicker(); }); &lt;/script&gt; Date: &lt;input type="text" name="date" id="date"&gt; &lt;br&gt; Time In: &lt;input type="text" name="inTime" id="inTime"&gt; &lt;br&gt; Time Out: &lt;input type="text" name="outTime" id="outTime"&gt; </code></pre> <p>I hope that solves it for you. To make it easier, put all the necessary modules under the same directory, so you don't accidentally add a duplicate of the same script, IE, one directory for everything that has to do with JQuery, and another directory for plugins. To learn more about the plugins, I suggest you read their documentation.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload