Title: Date view screen
Last modified: May 21, 2023

---

# Date view screen

 *  Resolved [klingbeil](https://wordpress.org/support/users/klingbeil/)
 * (@klingbeil)
 * [3 years ago](https://wordpress.org/support/topic/date-view-screen/)
 * Hello,
   The date display area is shown in the 1st picture. This is a bit of a 
   problem for mobile uses.Is it possible to show it as in the 2nd picture? (Of 
   course, does it have a shortcut without being difficult? I have a lot of functions
   to mess with, I don’t want to mess it up.)
 * Is it possible to display our functions this way without breaking them?
 * 
   PS: You’re the owner of the best support plugin I’ve ever seen, and thank you.
 * 
   1. Picture
 * ![](https://i0.wp.com/i.hizliresim.com/rr0lymw.JPG?ssl=1)
 * 
   2. Picture
 * ![](https://i0.wp.com/i.hizliresim.com/7vxycui.JPG?ssl=1)

Viewing 15 replies - 1 through 15 (of 15 total)

 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [3 years ago](https://wordpress.org/support/topic/date-view-screen/#post-16754949)
 * Hello [@klingbeil](https://wordpress.org/support/users/klingbeil/)
 * Thank you very much for using our plugin.
 * The date fields in our plugin use the Datepicker component of jQuery, which must
   be associated with an input tag. However, when you set the focus to the input
   tag, the plugin displays the Datepicker to select the date easily.
 * To separate the date components, you must emulate it yourself with separate fields:
 * A number field, with min 1 and max 31
 * A dropdown field for months.
 * And a number field with min 1950 and max 2030 (or preferred numbers)
   Assuming
   they are the fields fieldname1, fieldname2, and fieldname3, respectively. You
   can pre-fill them with the current date by inserting an “HTML Content” field 
   with the following piece of code as its content:
 *     ```wp-block-code
       <script>
       fbuilderjQuery(document).on('formReady', function(){
       getField('fieldname1').setVal(DAY());
       getField('fieldname2').jQueryRef().find('option:eq('+(MONTH()-1)+')').prop('selected', true);
       getField('fieldname3').setVal(YEAR());
       });
       </script>
       ```
   
 * Best regards.
    -  This reply was modified 3 years ago by [codepeople](https://wordpress.org/support/users/codepeople/).
    -  This reply was modified 3 years ago by [codepeople](https://wordpress.org/support/users/codepeople/).
 *  Thread Starter [klingbeil](https://wordpress.org/support/users/klingbeil/)
 * (@klingbeil)
 * [3 years ago](https://wordpress.org/support/topic/date-view-screen/#post-16755078)
 * Thanks
   So how do we show them side by side on mobile?Since there are 3 separate
   fields in the calculation functions, which criterion will we calculate? We used
   to choose a single field because there was only 1 date field? Thank you.
 * [Link](https://www.pexpe.com/?cff-form=51)
 * The day has come, I wonder why the others did not come?
    -  This reply was modified 3 years ago by [klingbeil](https://wordpress.org/support/users/klingbeil/).
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [3 years ago](https://wordpress.org/support/topic/date-view-screen/#post-16755097)
 * Hello [@klingbeil](https://wordpress.org/support/users/klingbeil/)
 * To display them side by side on mobiles, enter the class name col-xs-4 through
   their “Add CSS Layout Keywords” attributes. For the dropdown field with months’
   names, I recommend you enter the corresponding numbers as the choices’ values(
   01, 02, 03, …, 12).
 * Assuming the fields for day, month, and year are fieldname1, fieldname2, and 
   fieldname3, you must concatenate them for calculation.
 * For example, if you want to increase the date in five days and return the result
   in date format, the equation would be:
 *     ```wp-block-code
       (function(){
       var d = CONCATENATE(fieldname1,'/', fieldname2, '/', fieldname3),
   
       return GETDATETIMESTRING(DATETIMESUM(d, 'dd/mm/yyyy', 5, 'd'), 'dd/mm/yyyy');
       })()
       ```
   
 * Best regards.
 *  Thread Starter [klingbeil](https://wordpress.org/support/users/klingbeil/)
 * (@klingbeil)
 * [3 years ago](https://wordpress.org/support/topic/date-view-screen/#post-16755108)
 * Thank you 🙂
   How do I enter XS4 in a single style file.
    -  This reply was modified 3 years ago by [klingbeil](https://wordpress.org/support/users/klingbeil/).
 *  Thread Starter [klingbeil](https://wordpress.org/support/users/klingbeil/)
 * (@klingbeil)
 * [3 years ago](https://wordpress.org/support/topic/date-view-screen/#post-16755121)
 *     ```wp-block-code
       (function(){
       var d = CONCATENATE(fieldname30,'/', fieldname33, '/', fieldname29),
           var adetsure = []; 
       	for(let i = 1; i <= 12; i++){
       		adetsure.push( GETDATETIMESTRING(DATETIMESUM(d, 'dd/mm/yyyy', fieldname27*i, 'd'), 'dd/mm/yyyy') );
       	}
       	adetsure = adetsure.join('<br>');
           jQuery('#calculation-adetsure').html(adetsure);
           return adetsure;
       })()
       ```
   
 * Is the function correct?
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [3 years ago](https://wordpress.org/support/topic/date-view-screen/#post-16755175)
 * Hello [@klingbeil](https://wordpress.org/support/users/klingbeil/)
 * If you use comms symbol at the end of the line of code:
 *     ```wp-block-code
       var d = CONCATENATE(fieldname30,'/', fieldname33, '/', fieldname29),
       ```
   
 * The next line cannot contain the `var` keyword.
 * So, have two alternatives:
 *     ```wp-block-code
       var d = CONCATENATE(fieldname30,'/', fieldname33, '/', fieldname29);
       var adetsure = [];
       ```
   
 * or
 *     ```wp-block-code
       var d = CONCATENATE(fieldname30,'/', fieldname33, '/', fieldname29), adetsure = [];
       ```
   
 * Best regards.
 *  Thread Starter [klingbeil](https://wordpress.org/support/users/klingbeil/)
 * (@klingbeil)
 * [3 years ago](https://wordpress.org/support/topic/date-view-screen/#post-16755191)
 * Thank you 
 * ![🙂](https://s.w.org/images/core/emoji/14.0.0/svg/1f642.svg)
 * How do I enter XS4 in a single style file.
 * I would be very grateful if you could answer this as well.
   It was super beyond.
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [3 years ago](https://wordpress.org/support/topic/date-view-screen/#post-16755203)
 * Hello [@klingbeil](https://wordpress.org/support/users/klingbeil/)
 * `col-xs-4` is a predefined class name in the plugin. A row has 12 columns, by
   entering the class name `col-xs-4` through the “Add CSS Layout Keywords” attribute
   in a field’s settings, you are telling the plugin to display the field in only
   four columns of twelve.
 * Best regards.
 *  Thread Starter [klingbeil](https://wordpress.org/support/users/klingbeil/)
 * (@klingbeil)
 * [3 years ago](https://wordpress.org/support/topic/date-view-screen/#post-16755467)
 * [Link](https://www.pexpe.com/tarih-hesaplama/)
 * I did what you said, it happened when I switched from Desktop to mobile phone
   mode. But I looked at the phones from 3 different devices, it’s still coming 
   back and forth. What could be the problem?
 *  Thread Starter [klingbeil](https://wordpress.org/support/users/klingbeil/)
 * (@klingbeil)
 * [3 years ago](https://wordpress.org/support/topic/date-view-screen/#post-16755599)
 * the source of the problem is wp-rocket css cleanup. problem solved, thanks.
 *  Thread Starter [klingbeil](https://wordpress.org/support/users/klingbeil/)
 * (@klingbeil)
 * [3 years ago](https://wordpress.org/support/topic/date-view-screen/#post-16756527)
 * Hello;
   This is how we did it, but I discovered a new problem.For example, it 
   calculates date and month results such as 01 / 02 as 1 even though it is 01.In
   this case, it causes calculation errors.For example: When I subtract 09/05/2023
   from 26/05/2023..The formulas detect the date 09/05/2023 as 9/5/2023 and make
   a calculation error.How can we solve this?Thanks[Sample Link](https://www.pexpe.com/kac-gun-kaldi-hesaplama/)
   Seçilen Tarih: **Selected Date** formula
 *     ```wp-block-code
       (function(){
       var d = CONCATENATE(fieldname35,'/', fieldname33, '/', fieldname36);
       var secilentarih = CDATE(d, 'dd/mm/yyyy');
       jQuery('#calculation-secilentarih').html(secilentarih);
       return secilentarih;
       })();
       ```
   
 * Code Two criter
 *     ```wp-block-code
       (function(){
         if (fieldname37 > fieldname26) {
           jQuery('#calculation-kacgunoldu ').html('Seçilen tarih ileri bir tarihdir.');
           return 'Seçilen tarih ileri bir tarihdir.';
         } else {
           var kacgunoldu = DATEDIFF(fieldname26, fieldname37, 'dd/mm/yyyy', 'd')['days'];
           jQuery('#calculation-kacgunoldu ').html(kacgunoldu + ' Gün');
           return kacgunoldu;
         }
       })()
       ```
   
 * Because of the single digit number Big small can’t detect the date
    -  This reply was modified 3 years ago by [klingbeil](https://wordpress.org/support/users/klingbeil/).
    -  This reply was modified 3 years ago by [klingbeil](https://wordpress.org/support/users/klingbeil/).
    -  This reply was modified 3 years ago by [klingbeil](https://wordpress.org/support/users/klingbeil/).
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [3 years ago](https://wordpress.org/support/topic/date-view-screen/#post-16756926)
 * Hello [@klingbeil](https://wordpress.org/support/users/klingbeil/)
 * The problem here is just the same I described in your other support thread.
 * If your operands are not date fields, you must use the “Date/Time” operations
   module.
 *     ```wp-block-code
       (function(){
       var d = CONCATENATE(fieldname35,'/', fieldname33, '/', fieldname36);
       var secilentarih = GETDATETIMESTRING(DATEOBJ(d, 'dd/mm/yyyy'), 'dd/mm/yyyy');
       jQuery('#calculation-secilentarih').html(secilentarih);
       return secilentarih;
       })();
       ```
   
 * Or you can format the values before the concatenation:
 *     ```wp-block-code
       (function(){
       var secilentarih = CONCATENATE(
       IF(fieldname35<10, '0'+fieldname35, fieldname35),'/',
       IF(fieldname33<10, '0'+fieldname33, fieldname33),'/',
       fieldname36);
   
       jQuery('#calculation-secilentarih').html(secilentarih);
       return secilentarih;
       })();
       ```
   
 * The problem with the second equation is just the same. In the comparison:
 *     ```wp-block-code
       if (fieldname37 > fieldname26)
       ```
   
 * fieldname37 and fieldname26 fields contain texts with date format. So, it does
   an alphabetical comparison. The correct would be to use the “Date/Time” operations
   module:
 *     ```wp-block-code
       if (DATEOBJ(fieldname37, 'dd/mm/yyyy').getTime() > DATEOBJ(fieldname26, 'dd/mm/yyyy').getTime())
       ```
   
 * Note I’m using the equations you included in your entry, but the form does not
   include a fieldname37 field.
 * Best regards.
 *  Thread Starter [klingbeil](https://wordpress.org/support/users/klingbeil/)
 * (@klingbeil)
 * [3 years ago](https://wordpress.org/support/topic/date-view-screen/#post-16757010)
 * one word you are amazing.
 *  Thread Starter [klingbeil](https://wordpress.org/support/users/klingbeil/)
 * (@klingbeil)
 * [3 years ago](https://wordpress.org/support/topic/date-view-screen/#post-16793143)
 * Hello;
   If you remember the date fields, we show them as 3 separate days, months
   and years.Does the code at the bottom show the beginning of the month? Or is 
   it current history?
 * In all the forms I use, it shows the beginning of the month. Is it possible to
   change it to the current date?
   thanks
 * [Sample](https://www.pexpe.com/?cff-form=66)
 *     ```wp-block-code
       <script>
       fbuilderjQuery(document).on('formReady', function(){
       getField('fieldname1').setVal(DAY());
       getField('fieldname2').jQueryRef().find('option:eq('+(MONTH()-1)+')').prop('selected', true);
       getField('fieldname3').setVal(YEAR());
       });
       </script>
       ```
   
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [3 years ago](https://wordpress.org/support/topic/date-view-screen/#post-16794542)
 * Hello [@klingbeil](https://wordpress.org/support/users/klingbeil/)
 * Please, edit the line of code:
 *     ```wp-block-code
       getField('fieldname1').setVal(DAY());
       ```
   
 * As follows:
 *     ```wp-block-code
       getField('fieldname1').setVal(DAY(TODAY(), '', true));
       ```
   
 * Best regards.

Viewing 15 replies - 1 through 15 (of 15 total)

The topic ‘Date view screen’ is closed to new replies.

 * ![](https://ps.w.org/calculated-fields-form/assets/icon-256x256.jpg?rev=1734377)
 * [Calculated Fields Form](https://wordpress.org/plugins/calculated-fields-form/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/calculated-fields-form/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/calculated-fields-form/)
 * [Active Topics](https://wordpress.org/support/plugin/calculated-fields-form/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/calculated-fields-form/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/calculated-fields-form/reviews/)

 * 15 replies
 * 2 participants
 * Last reply from: [codepeople](https://wordpress.org/support/users/codepeople/)
 * Last activity: [3 years ago](https://wordpress.org/support/topic/date-view-screen/#post-16794542)
 * Status: resolved