jQWidgets Forums
Forum Replies Created
-
Author
-
ok Peter
how i can configure the datetimeinput to display date in Hijri??
Thanks again
Dear Peter
I have done the docs and its worked but only in css
i cannot call the class in Jquery
as i told you I want to associate a hijri datepicker to the cell
thanks again
thank you Peter
I will look in these docs and if i dont get it i will reply here
Thanks
Thank you very much for the help
i have found that after i call this Script
<script type="text/javascript" src="@Url.Content("~/scripts/jquery-1.10.2.min.js")"></script>
another older version called at the bottom of the layout
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
i remove it and its worked
Thank you for the help and for quick response
BEST REGARDS
<!-- add the jQuery script --> <script type="text/javascript" src="@Url.Content("~/scripts/jquery-1.10.2.min.js")"></script> <!-- add the jQWidgets framework --> <script type="text/javascript" src="@Url.Content("~/jqwidgets/jqxcore.js")"></script> <!-- add one or more widgets --> <script type="text/javascript" src="@Url.Content("~/jqwidgets/jqxbuttons.js")"></script> <!-- add one of the jQWidgets styles --> <script type="text/javascript" src="@Url.Content("~/jqwidgets/jqxdatetimeinput.js")"></script> <script type="text/javascript" src="@Url.Content("~/jqwidgets/jqxcalendar.js")"></script> <script type="text/javascript" src="@Url.Content("~/jqwidgets/jqxtooltip.js")"></script> <script type="text/javascript" src="@Url.Content("~/jqwidgets/globalization/globalize.js")"></script> <link rel="stylesheet" href="@Url.Content("~/jqwidgets/styles/jqx.base.css")" type="text/css" /> <script type="text/javascript" src="@Url.Content("~/jqwidgets/jqxscrollbar.js")"></script> <script type="text/javascript" src="@Url.Content("~/jqwidgets/jqxtabs.js")"></script> <script type="text/javascript" src="@Url.Content("~/jqwidgets/jqxcheckbox.js")"></script> <script type="text/javascript" src="@Url.Content("~/jqwidgets/jqxscrollview.js")"></script> <script type="text/javascript" src="@Url.Content("~/jqwidgets/jqxlistbox.js")"></script> <script type="text/javascript" src="@Url.Content("~/jqwidgets/jqxdropdownlist.js")"></script> <script type="text/javascript" src="@Url.Content("~/jqwidgets/jqxnumberinput.js")"></script> <script type="text/javascript" src="@Url.Content("~/jqwidgets/jqxpanel.js")"></script> <script type="text/javascript" src="@Url.Content("~/jqwidgets/jqxcombobox.js")"></script><script type="text/JavaScript"> $(document).ready(function () { // Create a jqxDateTimeInput $("#ComingDate").jqxDateTimeInput({ width: '150px', height: '25px', rtl: true, formatString: 'MM-dd-yyyy', theme: 'base' }); $("#LeavingDate").jqxDateTimeInput({ width: '150px', height: '25px', rtl: true, formatString: 'MM-dd-yyyy', theme: 'base' }); var today = new Date(); $("#LeavingDate").jqxDateTimeInput('val', new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1)); }); $(document).ready(function () { // Create jqxNumberInput $("#PersonsCount").jqxNumberInput({ width: '130px', height: '20px', inputMode: 'simple', spinButtons: true, decimalDigits: 0, rtl: true, theme: 'base' }); $("#ChildsCount").jqxNumberInput({ width: '130px', height: '20px', inputMode: 'simple', spinButtons: true, decimalDigits: 0, rtl: true, theme: 'base' }); $("#DistanceFormHarm").jqxNumberInput({ width: '130px', height: '20px', inputMode: 'simple', spinButtons: true, decimalDigits: 0, rtl: true, theme: 'base' }); });</script>
$(document).ready(function () {
// Create a jqxDateTimeInput
$(“#ComingDate”).jqxDateTimeInput({ width: ‘150px’, height: ’25px’, rtl: true, formatString: ‘MM-dd-yyyy’, theme: ‘base’ });
$(“#LeavingDate”).jqxDateTimeInput({ width: ‘150px’, height: ’25px’, rtl: true, formatString: ‘MM-dd-yyyy’, theme: ‘base’ });
var today = new Date();
$(“#LeavingDate”).jqxDateTimeInput(‘val’, new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1));
});
$(document).ready(function () {
// Create jqxNumberInput
$(“#PersonsCount”).jqxNumberInput({ width: ‘130px’, height: ’20px’, inputMode: ‘simple’, spinButtons: true, decimalDigits: 0, rtl: true, theme: ‘base’ });
$(“#ChildsCount”).jqxNumberInput({ width: ‘130px’, height: ’20px’, inputMode: ‘simple’, spinButtons: true, decimalDigits: 0, rtl: true, theme: ‘base’ });
$(“#DistanceFormHarm”).jqxNumberInput({ width: ‘130px’, height: ’20px’, inputMode: ‘simple’, spinButtons: true, decimalDigits: 0, rtl: true, theme: ‘base’ });
});thats the whole sample with the refrenced js files
i know its point to diffrent pages
its MVC and the code i put is in the MAIN Layout so its included in every page
Thank you again
$(document).ready(function () {
// Create a jqxDateTimeInput
$(“#ComingDate”).jqxDateTimeInput({ width: ‘150px’, height: ’25px’, rtl: true, formatString: ‘MM-dd-yyyy’, theme: ‘base’ });
$(“#LeavingDate”).jqxDateTimeInput({ width: ‘150px’, height: ’25px’, rtl: true, formatString: ‘MM-dd-yyyy’, theme: ‘base’ });
var today = new Date();
$(“#LeavingDate”).jqxDateTimeInput(‘val’, new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1));
});this is the whole SCRIPT tag
hope this help
Thank you
i have use the javascript debuger
i found an error in this code
$(“#ComingDate”).jqxDateTimeInput({ width: ‘150px’, height: ’25px’, rtl: true, formatString: ‘MM-dd-yyyy’, theme: ‘base’ });the error is
Uncaught TypeError: Object [object Object] has no method ‘jqxDateTimeInput’but with the same code without passing parameters to the page this error dont appear
i hope i helped you in finding the error
Thank you
remove the getDemoTheme was one of the solution i tried but also its not work
thank you for fast respond
Best Regards
-
AuthorPosts