Add datetime picker in custom file

christ2000 · Post by **christ2000** » Wed Sep 25, 2019 4:13 am

hello i am using the code bellow to show a datetimepicker in a custom file, the field show properly but i cant remove the time on the field, because i just need date, i think there is a script on the code that must be place in other place, but i could find in custom file otionp

is there any way to reach this, or show a picker in other way?

thanks

christ2000 · Post by **christ2000** » Wed Sep 25, 2019 4:14 am

the script code is:

<sc ript>
$(function () {
$('#datetimepicker4').datetimepicker({
format: 'L'
});
});
</script>

arbei · Post by **arbei** » Mon Oct 14, 2019 8:46 am

http://www.hkvforums.com/viewtopic.php?f=4&t=45593

christ2000 · Post by **christ2000** » Tue Oct 15, 2019 10:08 am

hello is this way correct?

<scr ipt>
loadjs.ready("load", function() {
$('#datetimepicker4').datetimepicker({
format: 'L'
});
});

</scri pt>

thanks for help

mobhar · Post by **mobhar** » Tue Oct 15, 2019 5:51 pm

Try this (make sure you have replaced "your_form_id" with your actual form id, and assume the "datetimepicker4" is the id of the related textbox control):

<scr ipt>
loadjs.ready(["your_form_id", "datetimepicker"], function() {
ew.createDateTimePicker("your_form_id", "datetimepicker4", {"ignoreReadonly":true,"useCurrent":false,"format":1});
});
</scr ipt>

christ2000 · Post by **christ2000** » Tue Oct 15, 2019 10:10 pm

Hello mohar i test your code but dosent work, what i need is to remove the time from the textbox control and just show date. now i dont have a form just a textbox for testing in a custom file

i put on my in head your code on this way:

<sc ript>
loadjs.ready(["datetimepicker4", "datetimepicker"], function() {
ew.createDateTimePicker("datetimepicker4", "datetimepicker4", {"ignoreReadonly":true,"useCurrent":false,"format":1});
});
</scri pt>

and in my custom file this code:

            <di v class="in put-group date" id="datetimepicker4" data-target-input="nearest">
                <inp ut type="text" class="form-control datetimepicker-input" data-target="#datetimepicker4"/>
                <di v class="inp ut-group-append" data-target="#datetimepicker4" data-toggle="datetimepicker">
                    <di v class="inp ut-group-text"><i class="fa fa-calendar"></i></div>

but the time still appear on textbox when i select date

any idea?

mobhar · Post by **mobhar** » Thu Oct 17, 2019 9:28 am

Try to play with the "format" option in this code:
ew.createDateTimePicker("datetimepicker4", "datetimepicker4", {"ignoreReadonly":true,"useCurrent":false,"format":1});

For example, change it to 2 (Short Date - without time) instead of 1 (Long Date - with time). You may read for further more from the generated phpfn.php file; see the comment/explanation above the FormatDateTime() global function.

Just put that code below the code that displaying Textbox control. You may actually refer to the generated code in a Add/Edit page that implements datetimepicker.

christ2000 · Post by **christ2000** » Fri Oct 18, 2019 11:28 am

hello, i did but dosent work, but also i copied the exact code from a generate page where i use a datetimepicker, and in a custom filethe code show TIME and on the original page not, so i think in a custom file always will show the time

mobhar · Post by **mobhar** » Fri Oct 18, 2019 5:43 pm

Where is the code to display the datetimepicker control?

christ2000 · Post by **christ2000** » Sat Oct 19, 2019 8:34 am

="ct_ratesupdates_add">Rate Start On&nb p;<sp an id ="el_ratesupdates_newratedate">
<d iv clas s="in put-grou p date" id="dateti me picker_fratesupdat esaddx_newratedate" da ta-targ et-in p ut="nearest"><inp ut ty pe="text" d ata-tab le="ratesupdates" da ta-field="x_newratedate" da ta-for ma t="2" name="x_newratedate" id="x_newratedate" place holder="" v alue="" class="form-control dateti mepicker-input" data-targ et="#datetimepicker_fratesupdatesaddx_newratedate"><di v clas s="in put-gro up-app end" data-ta rget="#datetimepicker_fratesupdatesaddx_newratedate" data-tog gle="datetim epicker"><butt o n clas s="btn btn-default" type="but ton"><i cl ass="far fa-calendar-alt"></i></but ton></ iv>

mobhar · Post by **mobhar** » Sat Oct 19, 2019 10:44 am

I did not see ew.createDateTimePicker in your code.

christ2000 · Post by **christ2000** » Mon Oct 21, 2019 5:26 am

i yhis way code is show in generate file, any way i will forget this

thanks