Merge pull request #66 from mlakatkou/GS-3307

[update] start_date article

Author: AlexKlimenkov

docs/api/config/start_date.md

@@ -15,40 +15,37 @@ description: "sets the start value of the time scale"
 ### Example
 
 ~~~jsx
-gantt.config.start_date = new Date(2018, 08, 10);
-gantt.config.end_date = new Date(2018, 08, 20);
- 
+gantt.config.start_date = new Date(2027, 8, 10);
+gantt.config.end_date = new Date(2027, 8, 20);
+
 gantt.init("gantt_here");
 ~~~
 
 ### Details
 
 :::note
-To apply the **start_date** option, you must use it in pair with the [end_date](api/config/end_date.md) one. 
+To apply the `start_date` option, you must use it together with [end_date](api/config/end_date.md).
 :::
 
-- If both the **start_date** and **end_date** options are specified and you create a task that is outside the range, the task will disappear from the chart.
-- Optional parameters of the [init](api/method/init.md) method can be used as initial values of [start_date](api/config/start_date.md) and [end_date](api/config/end_date.md).
+- If both the [start_date](api/config/start_date.md) and [end_date](api/config/end_date.md) options are specified and you create a task outside that range, the task will disappear from the chart.
+- Optional parameters of [`init()`](api/method/init.md) can be used as initial values of [start_date](api/config/start_date.md) and [end_date](api/config/end_date.md).
 - [start_date](api/config/start_date.md) and [end_date](api/config/end_date.md) overwrite [fit_tasks](api/config/fit_tasks.md). If you want to use these settings together, you'll need to [manage the time scale from code](guides/configuring-time-scale.md#range).
 
 In this case we can extend the range:
 
 ~~~js
-gantt.attachEvent("onLightboxSave", function(id, task, is_new){
- var taskStart = task.start_date;
- var taskEnd = task.end_date;
- var scaleStart = gantt.config.start_date;
- var scaleEnd = gantt.config.end_date;
-
- // if the task is out of the range
- if(scaleStart > taskEnd || scaleEnd  taskEnd || scaleEnd < taskStart ){
-        gantt.message({
-            type:"warning", 
-            text:"Warning! The task is outside the date range!",
-            expire:5000
-        });
-          return false;
-    } 
+gantt.attachEvent("onLightboxSave", (taskId, task, isNew) => {
+    const taskStartDate = task.start_date;
+    const taskEndDate = task.end_date;
+    const scaleStartDate = gantt.config.start_date;
+    const scaleEndDate = gantt.config.end_date;
+
+    if (scaleStartDate > taskEndDate || scaleEndDate < taskStartDate) {
+        gantt.message({ type: "warning", text: "Warning! The task is outside the date range!", expire: 5000 });
+
+        return false;
+    }
+
     return true;
 });
 ~~~
@@ -61,4 +58,3 @@ gantt.attachEvent("onLightboxSave", function(id, task, is_new){
 
 ### Related Guides
 - [Setting up Scale](guides/configuring-time-scale.md)
-