[Help] How to add DateTime Picker from Bootstrap3

Got something cool to share with AppGini users? Feel free to post it here!
Post Reply
Faisal
Posts: 2
Joined: 2017-08-26 15:28

[Help] How to add DateTime Picker from Bootstrap3

Post by Faisal » 2018-03-21 03:46

Hello Appgini folks :D

I need a little help or tips for how i can implement this time picker code:

Code: Select all

<div class="container">
    <div class="row">
        <div class='col-sm-6'>
            <div class="form-group">
                <div class='input-group date' id='datetimepicker5'>
                    <input type='text' class="form-control" />
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            $(function () {
                $('#datetimepicker5').datetimepicker({
                    defaultDate: "11/1/2013",
                    disabledDates: [
                        moment("12/25/2013"),
                        new Date(2013, 11 - 1, 21),
                        "11/22/2013 00:53"
                    ]
                });
            });
        </script>
    </div>
</div>


It's from https://eonasdan.github.io/bootstrap-datetimepicker/

I found it very unfriendly for how DateTime value need to be set manually by the users.

I hope even this feature changed by AppGini team officially, Typing the DateTime manually is not practical.

Thank you.

R Tammam
Veteran Member
Posts: 113
Joined: 2017-08-26 15:35

Re: [Help] How to add DateTime Picker from Bootstrap3

Post by R Tammam » 2018-04-04 13:52

Hello Faisal,
you can add this code in resources folder
make a js file for this code and put in in a folder call it Bootsrap Date picker all of those will be in resources folder
you can make something like that
https://www.screencast.com/t/DLezM5zR4

Faisal
Posts: 2
Joined: 2017-08-26 15:28

Re: [Help] How to add DateTime Picker from Bootstrap3

Post by Faisal » 2018-04-15 06:44

R Tammam wrote:
2018-04-04 13:52
Hello Faisal,
you can add this code in resources folder
make a js file for this code and put in in a folder call it Bootsrap Date picker all of those will be in resources folder
you can make something like that
https://www.screencast.com/t/DLezM5zR4
Hi,

Thank you for your help, I tried to create a new folder with the JS code, but still not seeing any affect for DateTime picker, I also noticed their is no original folder to modify the current Date-time picker input.

How i can assume i already changed the Date Time input function ?

Regarding the JS Code, I put this code only:

Code: Select all

   $(function () {
                $('#datetimepicker5').datetimepicker({
                    defaultDate: "11/1/2013",
                    disabledDates: [
                        moment("12/25/2013"),
                        new Date(2013, 11 - 1, 21),
                        "11/22/2013 00:53"
                    ]
                });
Thank you.

R Tammam
Veteran Member
Posts: 113
Joined: 2017-08-26 15:35

Re: [Help] How to add DateTime Picker from Bootstrap3

Post by R Tammam » 2018-04-21 08:43

Hello Faisal ,
i think
1- you should include the date time picker resources
and here's an emaple of mine where i included date picker resources
https://www.screencast.com/t/D5E7evlJAQ

2-use your html , css , js code
i hope it will work

Regards,
Reham

Post Reply