{"id":1024,"date":"2020-07-18T05:54:50","date_gmt":"2020-07-18T05:54:50","guid":{"rendered":"https:\/\/www.confianzit.com\/cit-blog\/?p=1024"},"modified":"2022-10-31T17:53:28","modified_gmt":"2022-10-31T17:53:28","slug":"auto-completion-of-date-widget","status":"publish","type":"post","link":"https:\/\/www.confianzit.com\/cit-blog\/auto-completion-of-date-widget\/","title":{"rendered":"Auto Completion of Date Widget in Odoo"},"content":{"rendered":"

[et_pb_section fb_built=”1″ _builder_version=”4.9.4″ hover_enabled=”0″ module_class=”blog-left-content” sticky_enabled=”0″][et_pb_row _builder_version=”4.9.4″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” hover_enabled=”0″ column_structure=”3_5,2_5″ sticky_enabled=”0″][et_pb_column type=”3_5″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text _builder_version=”3.27.4″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”]<\/p>\n

In Odoo<\/a>, when we click on a date widget a calendar is rendered and along with that recently used dates are also rendered. Because of this, there will be difficulty in choosing a new date from the calendar that rendered.<\/p>\n

<\/p>\n

<\/p>\n

We can fix this issue by using the below code.<\/p>\n

<\/p>\n

<\/p>\n

Getting started<\/strong><\/p>\n

<\/p>\n

<\/p>\n

<\/p>\n

<\/p>\n

<\/p>\n

STEP 1:  \/static\/src\/xml\/{FILENAME}.xml\n At first, inherit the date widget template and then add autocompletion as an argument, then set it as off. This will turn off the autocompletion.\n\n<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<templates id=\"template\" xml:space=\"preserve\">\n    <t t-extend=\"web.datepicker\">\n        <t t-jquery=\"input.o_datepicker_input\" t-operation=\"replace\">\n            <input type=\"text\" class=\"o_datepicker_input o_input datetimepicker-input\" \n                t-att-name=\"widget.name\" \n                t-att-placeholder=\"placeholder\" \n                t-attf-data-target=\"##{datepickerID}\" \n                autocomplete=\"off\" \/>\n        <\/t>\n    <\/t>\n<\/templates>\n<\/code><\/pre>\n
<\/p>\n
<\/p>\n
STEP 2:  __manifest__.py\n Normally, all widgets are loaded by a JS file. Here we also need to load the widget. Add the file in qweb (in manifest file) then we can see the changes made.\n\n\u2018qweb\u2019 : [\n\u201cstatic\/src\/xml\/{FILENAME}.xml\u201d,\n]\n<\/code><\/pre>\n
<\/p>\n
<\/p>\n
STEP 3:  Server Restart<\/code><\/pre>\n
<\/p>\n
<\/p>\n
If you like to know more about our discounted Odoo pricing<\/a> and get a free Odoo demo<\/a> online, get in touch with our Odoo Support and Maintenance<\/a> Team.<\/p>\n
<\/p>\n
<\/p>\n
If you like us to help you with your next odoo customisation<\/a> project please contact us now<\/p>\n
[\/et_pb_text][\/et_pb_column][et_pb_column type=”2_5″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_code _builder_version=”4.9.4″ _module_preset=”default” locked=”off” global_module=”2151″]<\/p>\n
  <\/p>\n
\n
\n
Table of Contents<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n