Date Picker
3 posts by 2 authors in: Forums > CMS Builder
Last Post: April 8, 2013 (RSS)
By nmsinc - April 7, 2013
Is there a way to use the CMS date picker on pages outside the CMS?
Thanks - NMSINC
By gregThomas - April 8, 2013
Hi NMSINC,
I've done some testing, and this is possible. If you include the following JS and CSS in your header:
<script type="text/javascript" src="/cmsAdmin/3rdParty/jquery/jquery1.4.1.js"></script>
<script type="text/javascript" src="/cmsAdmin/3rdParty/jqueryUI/js/jquery-ui-1.8.18.custom.min.js"></script>
<link type="text/css" href="/cmsAdmin/3rdParty/jqueryUI/css/smoothness/jquery-ui-1.8.18.custom.css" rel="stylesheet" />
Then add the following input and JavaScript where you want the field to appear:
<input id="datePicker" type='text' name='date_max' value='' />
<script type='text/javascript'>
$(function() {
if ($.datepicker != undefined) {
$('#datePicker').datepicker({
showOn: 'button',
buttonImage: '/cmsAdmin/3rdParty/jqueryUI/calendar.gif',
buttonImageOnly: true,
dateFormat: 'yy-mm-dd 00:00:00'
});
}
});
</script>
You can move the JavaScript code to where ever you want on the page.
Let me know if you have any questions.
Thanks!
Greg
PHP Programmer - interactivetools.com