1. Home
  2. Forum
  3. jQuery
  4. Selection of specific seconds with date time picker

Selection of specific seconds with date time picker

->how to select specific seconds value in datetime picker component

14 Replies
SP Sureshkumar P Syncfusion Team January 7, 2020 12:33 PM UTC

Hi Naresh, 
 
Greetings from Syncfusion support. 
 
We can get the date and time value with seconds in the DateTimePicker component by define the format with keyword “s“as mentioned below.  
 
<DateTimePickerComponent format="hh:mm:ss a" timeFormat="hh:mm:ss a"></DateTimePickerComponent> 
 
Please find the sample from the below link. 
 
 
Please refer the below UG documentation to know more about the date and time keyword denotations. 
 
 
To know more about the DateTimePicker functionalities, please refer the below API link. 
 
 
Regards, 
Sureshkumar P 


NM naresh mergu January 7, 2020 01:39 PM UTC

->in time picker i can set step value 1 minute ,i can't set step value l second,how to set step in form of seconds

SP Sureshkumar P Syncfusion Team January 8, 2020 01:18 PM UTC

Hi Naresh, 
 
We would like to let you know that, step property is a number and if you provide the integer value, then the minute value will be changed in the TimePicker popup. So, we suggest you provide the step value as a decimal as mentioned below to change the seconds interval in the TimePicker popup.  
 
Note: But we have created the popup in the open action. So, there is some delay that will be occurred if you provide one second for the step value due to creating that much of the li element in the TimePicker popup. 
 
<DateTimePickerComponent format="hh:mm:ss a" timeFormat="hh:mm:ss a" step={0.0167}></DateTimePickerComponent>  
 
Please find the sample from the below link. 
 
 
Regards, 
Sureshkumar P 


NM naresh mergu January 9, 2020 09:49 AM UTC

-> I visited this page ,when tried open time selection drop down page is page is becoming unresponsive and  any dropdown or popup is not opening

NM naresh mergu January 9, 2020 02:31 PM UTC

->charts are zooming in default,how prevent this behavior that chart should be zoomed out it is loading

SP Sureshkumar P Syncfusion Team January 13, 2020 06:18 AM UTC

Hi Naresh, 
 
Query 1: I visited this page ,when tried open time selection drop down page is page is becoming unresponsive and  any dropdown or popup is not opening 
 
Answer:  
    As we said earlier in your scenario we have rendered lot of list items with seconds that cause the popup became unresponsive. 
 
Query 2: charts are zooming in default,how prevent this behavior that chart should be zoomed out it is loading 
 
Answer:  
   We have analyzed your query. From that we would like to let you know that by default zooming will be disabled in chart. We suspect that the zoomSettings must have been enabled in the sample and we suggest you use the below code snippet to prevent the zooming behavior in chart. Please refer the below sample, code snippet and screenshot for your reference.  
 
    
Code Snippet: 
<ChartComponent id='charts'  
  zoomSettings={{  
            enableMouseWheelZooming: false, enablePinchZooming: false,  
            enableSelectionZooming: false, enableScrollbar: false  
        }}>  
</ChartComponent>  
 
Screenshot:  
 
If this solution does not meet your requirement. Please share the following information which will be more helpful for further analysis and provide you the solution sooner.  
1.     Try to reproduce the reported scenario in the above sample 
2.     Please share your sample (or) code snippet with full configurations. 
3.     Share the datasource of your sample. 
Let us know if you have any concerns. 
 
Regards, 
Sureshkumar P 


NM naresh mergu January 24, 2020 08:05 AM UTC

-> In pivot charts can't generate multilevel y-axis when I am having multiple columns.

SN Sivamathi Natarajan Syncfusion Team January 27, 2020 01:20 PM UTC

Hi naresh, 
 
Could you please confirm whether you need a multi-level labels in y axis similar to below highlighted multi-level labels in x axis?  
 
 
Regards, 
Sivamathi. 


NM naresh mergu replied to Sivamathi Natarajan January 27, 2020 01:39 PM UTC

Hi naresh, 
 
Could you please confirm whether you need a multi-level labels in y axis similar to below highlighted multi-level labels in x axis?  
 
 
Regards, 
Sivamathi. 


I am able generate chart what you shown,It is having multileve axes on only X-axis,I want to generate multi level axes on Y-axis too.I am adding multiple fields in columns 
those are not displayed in chart

SN Sivamathi Natarajan Syncfusion Team January 28, 2020 11:28 AM UTC

Hi naresh, 
 
We regret you to let you know that, as per the behavior of pivot chart, the multi-level labels can only be displayed in x-axis but not in y-axis which means you can perform drill operation in row-wise alone but not in column-wise. But you would like to perform drill operation in column wise, we suggest you to do it in pivot table where the pivot chart will be updated based on it. You can confirm the column drill in its tooltip and legends. We have prepared sample and video for your reference which is attached in following links. 
 
 
  
Please check the below screenshot. The tooltip confirms that the column is drilled. 
  
 
 
Please let us know if you have concern.  
 
Regards, 
Sivamathi 
 
 


NM naresh mergu January 31, 2020 11:25 AM UTC

-> how to customize tool tip in pivot grid in react

SN Sivamathi Natarajan Syncfusion Team February 3, 2020 12:46 PM UTC

Hi naresh, 
 
Based on your requirement we have prepared a sample to customize the tooltip for pivot table in react. Kindly check the below code example for your reference. 
 
Code Example: 
 
 <PivotViewComponent id='PivotView' ref={(scope) => { this.pivotObj = scope; }} dataSourceSettings={dataSourceSettings} width={'100%'} height={'450'} showGroupingBar={true} showFieldList={true} gridSettings={{ columnWidth: 140 }} dataBound={this.dataBound.bind(this)}> 
 
 
 dataBound(args) { 
    this.pivotObj.tooltip.beforeOpen = this.tooltipRender.bind(this); 
  } 
 
  tooltipRender(args) { 
    var condition = "new"; 
    var value1 = "value"; 
    // here we have added additional data in tooltip 
    // var tooltip = "<br><p class='e-tooltipheader'>" + condition + ":</p><p class='e-tooltipcontent'>" + value1 + "</p>"; 
    // args.element.innerHTML = args.element.innerHTML.substring(0, args.element.innerHTML.lastIndexOf('</p>') + 4) + tooltip; 
     
    // here we have customized predefined values. 
    args.element.innerHTML = args.element.innerHTML.replace("Row:", "Rows:"); 
    args.element.innerHTML = args.element.innerHTML.replace("Column:", "Columns:"); 
    this.pivotObj.tooltip.content = args.element.innerHTML; 
  } 
 
 
 
Please check the below screenshot. Here we have included an additional data in tooltip. 
 
 
 
Please check the below screenshot. Here we have customized the predefined text as Rows: and columns: instead of Row: and column: 
 
 
 
Please let us know if you need any further assistance on this. 
 
Regards, 
Sivamathi. 


NM naresh mergu February 14, 2020 11:14 AM UTC

Pivot Grid Scrolling
1.When scrolling vertically the values moving up and down but row headers are not moving so that we cant see some headers which are present in out side of height

Attachment: gridscreen_shot_83c7c2d.zip

SN Sivamathi Natarajan Syncfusion Team February 14, 2020 04:14 PM UTC

Hi naresh, 

We have checked the reported problem at our end. But we are unable to reproduce the problem. Meanwhile, we have prepared a sample for your reference. Kindly check the below sample link. 


If still the problem exit, kindly reproduce the issue in the provided sample or provide your sample which replicating the issue. 

Regards, 
Sivamathi. 


Loader.
Up arrow icon