jQWidgets Forums

Forum Replies Created

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • in reply to: set cell CSS ID or Class set cell CSS ID or Class #48536

    arksouaf
    Participant

    ok Peter

    how i can configure the datetimeinput to display date in Hijri??

    Thanks again

    in reply to: set cell CSS ID or Class set cell CSS ID or Class #48532

    arksouaf
    Participant

    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

    in reply to: set cell CSS ID or Class set cell CSS ID or Class #48529

    arksouaf
    Participant

    thank you Peter

    I will look in these docs and if i dont get it i will reply here

    Thanks

    in reply to: page with parameters page with parameters #28105

    arksouaf
    Participant

    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

    in reply to: page with parameters page with parameters #28103

    arksouaf
    Participant
    <!-- 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>
    in reply to: page with parameters page with parameters #28102

    arksouaf
    Participant

    $(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

    in reply to: page with parameters page with parameters #28100

    arksouaf
    Participant

    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

    in reply to: page with parameters page with parameters #28098

    arksouaf
    Participant

    $(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

    in reply to: page with parameters page with parameters #28096

    arksouaf
    Participant

    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

    in reply to: page with parameters page with parameters #28095

    arksouaf
    Participant

    remove the getDemoTheme was one of the solution i tried but also its not work

    thank you for fast respond 🙂

    Best Regards

Viewing 10 posts - 1 through 10 (of 10 total)