profile
viewpoint
Munim Munna monim67 Graaho Dhaka, Bangladesh

monim67/django-bootstrap-datepicker-plus 152

Bootstrap3/Bootstrap4 DatePickerInput, TimePickerInput, DateTimePickerInput, MonthPickerInput, YearPickerInput with date-range-picker functionality for django version 2.2, 2.1, 1.11, 1.10 and 1.8

monim67/bootstrap-datetimepicker 43

Bootstrap 3/4 Date/Time Picker with clock-like Time-Picker

monim67/django-flatpickr 30

Flatpicker based DatePickerInput, TimePickerInput and DateTimePickerInput with date-range-picker functionality for django >= 2.0

monim67/perspective-vue 29

Simple math to convert simple 2D game view to a perspective 3D view.

monim67/coding-the-right-way 12

An initiative to raise developer awareness on coding convention and better coding practices

monim67/django-polls 6

Django 2.1 polls app from *Writing your first Django app* tutorial

monim67/laravel-user-image-croppie 6

Laravel package to Crop and Upload Square/Circular User Profile Picture

monim67/laravel-password-update 3

Laravel user password change/update with password-update event.

monim67/sslcommerz-sdk 3

Sslcommerz SDK for python

monim67/django-crispy-forms 0

The best way to have DRY Django forms. The app provides a tag and filter that lets you quickly render forms in a div format while providing an enormous amount of capability to configure and control the rendered HTML.

startedmonim67/sslcommerz-sdk

started time in 17 hours

fork softquantum/django-flatpickr

Flatpicker based DatePickerInput, TimePickerInput and DateTimePickerInput with date-range-picker functionality for django >= 2.0

https://pypi.org/project/django-flatpickr/

fork in 2 days

startedmonim67/sslcommerz-sdk

started time in 7 days

fork kevinagnew/django-polls-1

Django 2.1 polls app from *Writing your first Django app* tutorial

fork in 8 days

fork Vchourey/django-bootstrap-datepicker-plus

Bootstrap3/Bootstrap4 DatePickerInput, TimePickerInput, DateTimePickerInput, MonthPickerInput, YearPickerInput with date-range-picker functionality for django version 2.2, 2.1, 1.11, 1.10 and 1.8

https://pypi.python.org/pypi/django-bootstrap-datepicker-plus

fork in 13 days

startedmonim67/django-bootstrap-datepicker-plus

started time in a month

issue openedmonim67/django-bootstrap-datepicker-plus

.datetimepicker is unresolved reference

Describe the problem I am trying to control the disabled hours based on change in the input field so that different days will have different disabled hours. Naturally the disabled hours for each day are stored in a table in sqlite.

NOTE: The datetimepicker works fine, is displayed on the page when rendered and is fully functional. I just cant use any JS to dynamically update it.

In the current test case scenario I am only trying to override the disabledHours with a different list of numbers. To isolate the problem with the unresolved reference of datetimepicker I tried to trigger a simple beep in the console

When I try to implement JS in the template as: $(document).ready(function() { $('.input-group>input').datetimepicker({ console.log('Beep'); }); });

datetimepicker is not recognised and is an unresolved reference AND console.log is underlined red at the "." part with error message: : or , expected

My code: Settings.py: Installed apps: https://pastebin.com/Vt1kcgyE I commented out BOOTSTRAP4 = {} so jquery is not included twice. This was a suggested measure found while researching possible solutions to my problem. BOOTSTRAP4 = { 'include_jquery': True, }

Form: (simplified to minimum for development and testing purpose) https://pastebin.com/GgKkPYss

View: https://pastebin.com/wdXNj4Vt

Template: https://pastebin.com/q0aKthJn

This is how the head looks when the page is loaded: https://pastebin.com/Lzmi7xxJ

Expected behavior in the desired outcome scenarion the following script should change the disabled hours upon change in the field: <script> $('.datetimepicker .input-group>input').on('dp.change', function() { $('.datetimepicker .input-group>input').datetimepicker( { disabledHours:[8,9,10,11,12,13,14,15,16,17,18,19,20,21,22] }); }); </script>

Console errors

  • No error on django console. JS console error:
  1. https://pastebin.com/YKA3AazY - fixed by adding let $J = jQuery.noConflict(); to the top of the script

  2. https://pastebin.com/xgGRcW6E

  3. When i add the above jQuery.noConflict(); line the errors in the browser console are down to 1: https://pastebin.com/XhbP63PE 4)Pycharm still does not recognise .datetimepicker()

Setup Information

  • OS: [Windows 10]
  • Browser [chrome, firefox]
  • Browser version [latest]
  • Python version [3.8]
  • Django version [3.1.3]
  • Bootstrap version [4]
  • jQuery version [https://code.jquery.com/jquery-3.5.1.min.js] - this should be loaded with with load blocks as the documentation suggests, all other jquery is disabled to avoid conflicts, the current HTML template doesn't inherit from base.html or any other.

Troubleshooting steps: YES - I have followed the [configuration instructions][configuration_page] and checked out the [common error troubleshooting][troubleshooting_page] page.

While researching I found an opinion that states .datetimepicker is component of jQuery UI which should be included separately. adding the jQueryUI CDN link like this gave no result: https://pastebin.com/hBDbHh3h

Looking at other peers' issues here I followed the advice to refer to input-group>input but no joy: https://github.com/monim67/django-bootstrap-datepicker-plus/issues/18

Looking forward to your reply!

created time in a month

issue commentmonim67/django-bootstrap-datepicker-plus

'bootstrap4' is not a registered tag library. Must be one of:

Tried all the solutions here but i'm still getting the error.

sookyeomKim

comment created time in a month

startedmonim67/bootstrap-datetimepicker

started time in a month

startedmonim67/django-bootstrap-datepicker-plus

started time in a month

issue commentmonim67/django-bootstrap-datepicker-plus

Calendar not showing up in a MODAL Form

Happy it worked

templargin

comment created time in a month

startedmonim67/django-bootstrap-datepicker-plus

started time in a month

issue commentmonim67/django-bootstrap-datepicker-plus

Calendar not showing up in a MODAL Form

@Ishma59 thank you, that solved it. The placement of {{form.media}} doesn't seem to have an effect in my case. I tried to place it inside or outside, before or after the <form> and it still works. Thanks once again.

templargin

comment created time in a month

issue commentmonim67/django-bootstrap-datepicker-plus

Calendar not showing up in a MODAL Form

<script src="/static/js/jquery.3.2.1.min.js"></script> <script src="/static/js/popper.min.js"></script> <script src="/static/js/bootstrap.min.js"></script> <script src="/static/js/jquery.bootstrap.modal.forms.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.12.0/moment.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script> -- added to my base.html to be extended in other templates -- added the {{ form.media }} in my modal form template where I want my calendar to show before the start of <form> tags {% block extrahead %} {{ form.media }} {% load widget_tweaks %} {% endblock extrahead %} <form method="post" action=""> {% csrf_token %} .........modal continues.... --In forms.py _other imports_ from bootstrap_modal_forms.forms import BSModalModelForm from bootstrap_datepicker_plus import DatePickerInput, TimePickerInput class MyForm(BSModalModelForm): class Meta: model=mymodel fields =['name', 'date', 'time'] widgets = { 'date': DatePickerInput(), 'time': TimePickerInput() } Hope this is what you are looking for and It helps. With this structure a calendar is shown on a Modal form and a timepicker too thanks.

templargin

comment created time in a month

issue commentmonim67/django-bootstrap-datepicker-plus

Calendar not showing up in a MODAL Form

@Ishma59 where did you add it?

templargin

comment created time in a month

PR opened monim67/perspective-vue

Bump ini from 1.3.5 to 1.3.7

Bumps ini from 1.3.5 to 1.3.7. <details> <summary>Commits</summary> <ul> <li><a href="https://github.com/npm/ini/commit/c74c8af35f32b801a7e82a8309eab792a95932f6"><code>c74c8af</code></a> 1.3.7</li> <li><a href="https://github.com/npm/ini/commit/024b8b55ac1c980c6225607b007714c54eb501ba"><code>024b8b5</code></a> update deps, add linting</li> <li><a href="https://github.com/npm/ini/commit/032fbaf5f0b98fce70c8cc380e0d05177a9c9073"><code>032fbaf</code></a> Use Object.create(null) to avoid default object property hazards</li> <li><a href="https://github.com/npm/ini/commit/2da90391ef70db41d10f013e3a87f9a8c5d01a72"><code>2da9039</code></a> 1.3.6</li> <li><a href="https://github.com/npm/ini/commit/cfea636f534b5ca7550d2c28b7d1a95d936d56c6"><code>cfea636</code></a> better git push script, before publish instead of after</li> <li><a href="https://github.com/npm/ini/commit/56d2805e07ccd94e2ba0984ac9240ff02d44b6f1"><code>56d2805</code></a> do not allow invalid hazardous string as section name</li> <li>See full diff in <a href="https://github.com/isaacs/ini/compare/v1.3.5...v1.3.7">compare view</a></li> </ul> </details> <details> <summary>Maintainer changes</summary> <p>This version was pushed to npm by <a href="https://www.npmjs.com/~isaacs">isaacs</a>, a new releaser for ini since your current version.</p> </details> <br />

Dependabot compatibility score

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


<details> <summary>Dependabot commands and options</summary> <br />

You can trigger Dependabot actions by commenting on this PR:

  • @dependabot rebase will rebase this PR
  • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
  • @dependabot merge will merge this PR after your CI passes on it
  • @dependabot squash and merge will squash and merge this PR after your CI passes on it
  • @dependabot cancel merge will cancel a previously requested merge and block automerging
  • @dependabot reopen will reopen this PR if it is closed
  • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
  • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
  • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
  • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
  • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
  • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

</details>

+2 -2

0 comment

1 changed file

pr created time in a month

create barnchmonim67/perspective-vue

branch : dependabot/npm_and_yarn/ini-1.3.7

created branch time in a month

issue commentmonim67/django-bootstrap-datepicker-plus

Calendar not showing up in a MODAL Form

@templargin had the same error on modal forms but added the the <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script> which got the error sorted. Also check out this https://stackoverflow.com/questions/21459730/error-with-bootstrap-3-date-time-picker

templargin

comment created time in a month

startedmonim67/django-polls

started time in a month

startedmonim67/django-polls

started time in 2 months

startedmonim67/perspective-vue

started time in 2 months

fork kajk/django-bootstrap-datepicker-plus

Bootstrap3/Bootstrap4 DatePickerInput, TimePickerInput, DateTimePickerInput, MonthPickerInput, YearPickerInput with date-range-picker functionality for django version 2.2, 2.1, 1.11, 1.10 and 1.8

https://pypi.python.org/pypi/django-bootstrap-datepicker-plus

fork in 2 months

startedmonim67/django-bootstrap-datepicker-plus

started time in 2 months

startedmonim67/django-flatpickr

started time in 2 months

startedmonim67/bootstrap-datetimepicker

started time in 2 months

startedmonim67/django-bootstrap-datepicker-plus

started time in 2 months

issue commentmonim67/django-bootstrap-datepicker-plus

datepicker not working in a formsets

Anybody found a solution to this problem?

KrzysztofW

comment created time in 2 months

startedmonim67/django-bootstrap-datepicker-plus

started time in 2 months

issue commentmonim67/django-bootstrap-datepicker-plus

Calendar not showing up in a MODAL Form

@templargin sure thing

templargin

comment created time in 2 months

issue commentmonim67/django-bootstrap-datepicker-plus

Calendar not showing up in a MODAL Form

@scambrayj Thank you for the tip! I'll try it out. Do you mind if I reach out to you on a side in case I run into any issues (not to pollute this thread)?

templargin

comment created time in 2 months

more